I created a collection of UI Components for React built with Tailwind CSS containing over 16 components with over 40 variants.

You can just copy and paste the component you want to use.

The biggest disadvantage of using Tailwind is the risk of having too long classes that will make the code not readable enough.

As React is component-based, we can extract component logic with its classes and reuse them elsewhere which will result in more readable code with more components and less classes.

That’s why I created this collection named Kimia-UI and it’s fully customizable. If you are a…


La version 2.0 de tailwindcss apporte plusieurs nouveautés, notamment le support de dark mode rendant plus facile que jamais la modification dynamique de votre application lorsque le mode sombre est activé.

Nous allons commencer par créer une nouvelle application Next.js

npx create-next-app dark-mode

Installation de tailwindcss

yarn add -D tailwindcss postcss postcss-preset-env

et next-themes qui va nous permettre de basculer en dark mode

yarn add next-themes

Créer un fichier postcss.config.js et collez la configuration ci-dessous de postcss

module.exports = {
plugins: [
"tailwindcss",
[
"postcss-preset-env"…

Next.js a révolutionné la façon de créer des applications avec React tout en apportant une simplicité et une expérience de développement agréable.

C’est quoi Next.js?

Next.js est un framework basé sur React crée en 2016 qui permet de développer des applications robustes et scalables rendu coté serveur.

Dans Next.js, une page est un composant React exporté à partir d’un fichier .js, .jsx, .ts ou .tsx dans le répertoire pages. Chaque page est associée à une route en fonction de son nom de fichier.

Par Exemple Si vous créez un fichier blog.js dans le répertoire pages qui exporte un composant React , il sera…

Enoch Ndika

React and Node.js developper living in Tunisia

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store