From the course: CSS and JavaScript Library Integration
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Implementing a basic UI with Tailwind and React - JavaScript Tutorial
From the course: CSS and JavaScript Library Integration
Implementing a basic UI with Tailwind and React
- [Instructor] You've learned about Tailwind CSS and how to set it up with a React project. After this video, you'll be able to build a landing page. To get started, you'll need to template out your React app, configure it for Tailwind CSS, and then in the SRC folder, create a folder for your layout component. The layout will contain a different part of the application so it can be used across the project. This is asset folder that contains the image that will be used for the project. And then the layout for that contains all the different components of the application. Starting with the blog, the blog has an import of "person" from assets for slash person dot png, and then it has an array of posts that contains "ID". Title, link, description, date, and other information. The block functional component contains a "Div" of class name, background white. This is how it is being represented in Tailwind. BG and in white.…
Contents
-
-
-
(Locked)
Tailwind CSS overview2m 41s
-
(Locked)
Integrating Tailwind with React.js4m 3s
-
(Locked)
Implementing a basic UI with Tailwind and React5m 48s
-
(Locked)
Integrating Tailwind with Vue.js5m 3s
-
(Locked)
Implementing a basic UI with Tailwind and Vue.js11m 27s
-
(Locked)
Integrating Tailwind with AngularJS4m 29s
-
(Locked)
Implementing a basic UI with Tailwind and AngularJS14m 51s
-
(Locked)
-
-
-
-