issure VS react-icons

Groovi 🍃 Create soothing concentration mixes Branding/Design Board · Demo 🚀 Quickstart Run the website locally git clone https://github.com/harshhhdev/groovi.git Setting up the development environment cd groovi # Install deps yarn Enter fullscreen mode Exit fullscreen mode Setting up the database NOTE: This project uses PostgreSQL database platform on Microsoft Azure store data. To start with this project, go ahead and setup your PostgreSQL database, and input your connection string under DATABASE_URL in .env # Generate the Prisma client yarn prisma generate # Migrate the schema into PostgreSQL yarn prisma migrate dev Enter fullscreen mode Exit fullscreen mode Authentication As this app uses JWT tokens for authentication, go to generate-secret or type in openssl rand -hex 32. This app also uses Twitter, Google and Facebook for authentication. Twitter: OAuth 2.0 Docs Google: Setting up OAuth 2.0 Facebook: Manually build a login flow Starting server # Start the server yarn dev Enter fullscreen mode Exit fullscreen mode Server should now be running on localhost 🔧 Tools Used Kraftuur …

Created Issure

react-icons: Quickly integrate a variety of icons into your React app. Learn more

3. React Icons

We make use of react-icons to display the play and pause indications.

If you're using React, I can recommend this: https://react-icons.github.io/react-icons/

Links to external resources like Tailwind CSS, Google Fonts, and React Icons are provided, offering additional references for users.

react-icons - lib de icones para react.

As you can observe, here we again make use of style-components to create a container for the underlying icon. Also, we make use of the react-icons that provide a react wrapper for icons from various providers. Here we make use of the icons from the HeroIcons2 provider hence we import it from hi2 from the react-icons

As you can observe, the homepage consists of a few text elements and a navigation bar adorned with icons. To achieve this, I employed Material-UI (MUI) and React Icons. However, there's a noticeable hiccup - the page, ideally, should load swiftly, but instead, it's a bit sluggish. Even more concerning, it's transferring more data than anticipated.

Similar concept to react-icons (https://react-icons.github.io/react-icons/)in that regard.