Instalando tailwind v3 en una aplicación react

Instalando tailwind v3 en una aplicación react

Hola amigos de la #nerdytud

Hoy les traigo una de las tantas formas existentes, de instalar última versión de tailwind, montada sobre una aplicación react js.

Creación de la aplicación

npx create-react-app dummy

Instalar tailwind 3

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

Modificar tailwind.config.js

module.exports = {
  content: ['./src/**/*.{js,jsx,,ts,tsx, html}'],
  theme: {
    extend: {},
  },
  plugins: [],
}

Modificar src/index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

Modificar src/App.js

function App() {
  return (
    <div className="container m-10 mx-auto">
      <button className="px-6 py-2 text-sm text-white rounded shadow-xl bg-green-600">
        boton
      </button>
    </div>
  )
}

export default App

Ejecutar la aplicación

npm start