search

oktaysenkan / react-native-iconify

Iconify for React Native
MIT License
207 stars 4 forks source link

Universal Support #15

Open oktaysenkan opened 4 months ago

oktaysenkan commented 4 months ago

I've decided to enhance the project by adding support for React, Vue, Svelte, Vanilla, React Native, and React Native Web. The primary reason behind this decision is my dissatisfaction with the Iconify official library's operation over HTTP. Therefore, I wish to rename the project from react-native-iconify to a different name.

In conjunction with this, we will transition to a monorepo structure, offering several packages:

Each of these packages will be tailored to integrate seamlessly with the respective technology, providing developers with a uniform icon library experience across multiple frameworks and platforms.

oktaysenkan commented 4 months ago

web-react support can be preview on v1.1.0-universal

vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react({
      babel: {
        plugins: ["react-native-iconify/plugin"],
      },
    }),
  ],
});

App.tsx

import { Iconify } from "react-native-iconify/web";
import { Iconify } from "react-native-iconify/native";
<Iconify icon="mdi:home" size={32} />
TheUltDev commented 2 months ago

@oktaysenkan Hello, how is work going on this?

For background context, I'm working on a launch of a starter kit / library for universal react native and I use your library for native support for icons and @iconify/react for web. (https://exo.ult.dev/primitives/assets/icon)

I'd also like to hear an expansion on your criticisms on the official iconify library as I haven't run into them yet.

Great work btw, Iconify seems to be the end solution to the icon problem, and you've filled in the missing piece of the puzzle adding native support.

Add me on Discord: theultdev if it's easier communicate your thoughts in realtime.

oktaysenkan commented 2 months ago

Hi, thank you.

I liked the exo, it's looking good and its documentation is awesome.

This work is still draft, i didn't code anything yet.

The main problem of @iconify/react is the icons blink because it works over http. Secondly it does not work in offline applications (PWA & Electron).

TheUltDev commented 2 months ago

I see. Thanks for the reply. I will keep an eye on this.