In this tutorial, I’ll show you how to add TailwindCSS to a React app with either a custom webpack config or to an existing app created with create-react-app. How to add Tailwind to a React app ———————————————— 00:00 Introduction 01:34 Tailwind with Webpack 06:55 Tailwind with Create React App 10:51 Summary So in this React tutorial, I’ll show you how to add Tailwind to your React apps. If you’ve followed my previous tutorial on creating a webpack config (for React) from scratch (see: https://www.youtube.com/watch?v=WDpxqopXd9U) then the first example will show you how to install Tailwind and update your webpack config to use PostCSS to enable TailwindCSS. The second example will show you how to setup a new app with the create-react-app tool and then we’ll add the necessary config to enable Tailwind in this new app. This approach will also work well if you want to add Tailwind to an existing app created with create-react-app. In both approaches I’ll show you how to add Tailwind to React including installing the necessary dependencies you need to install, how to setup the config files and also how to configure Tailwind purge to remove unnecessary CSS classes from the final build so that you don’t get a massive CSS bundle delivered to the browser. #react #tailwind Channel Handle @codebubb