Back to Browse

How to configure create-react-app to use TailwindCSS

16.9K views
Jan 7, 2020
23:55

Try LogRocket for free: https://logrocket.com/?yt13 We'll be looking at how we can use TailwindCSS and create-react-app together. 0:00 Introduction 1:10 Installing create-react-app 1:41 Brief overview of TailwindCSS 4:00 Brief overview of create-react-app 4:57 Installing Tailwind 7:00 Getting started with create-react-app 9:52 Getting started with Tailwind 14:00 Setting up create-react-app for configuration 19:21 Rendering an example in Tailwind Repo: https://github.com/karlhadwen/cra-react-tailwind LogRocket is a frontend application monitoring solution that lets you replay problems as if they happened in your own browser. Instead of guessing why errors happen, or asking users for screenshots and log dumps, LogRocket lets you replay the session to quickly understand what went wrong. It works perfectly with any app, regardless of framework, and has plugins to log additional context from Redux, Vuex, and @ngrx/store. In addition to logging Redux actions and state, LogRocket records console logs, JavaScript errors, stacktraces, network requests/responses with headers + bodies, browser metadata, and custom logs. It also instruments the DOM to record the HTML and CSS on the page, recreating pixel-perfect videos of even the most complex single-page apps. Try it for free: https://logrocket.com/signup/

Download

1 formats

Video Formats

360pmp434.2 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

How to configure create-react-app to use TailwindCSS | NatokHD