React Component Library From Scratch using Tailwind CSS

Published 4/2023
Created by K.Sathyaprakash Reddy
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 7 Lectures ( 1h 5m ) | Size: 594 MB

Build React Component Library From Scrach using Tailwind CSS
Free Download What you’ll learn
React
Javascript
Pure CSS
Tailwind CSS
Requirements
React and JS Basics
Description
Hi Guys, This course is about building our own component library from scratch using the world’s first utility framework, Tailwind CSS.In this course, we will build all the following components from scratchButton: A clickable element that is used to trigger an action or submit a form.Input Field: A form element that allows users to input data, such as text or numbers.Page Header: A section at the top of a page that typically includes a title and navigational links.Spinner: An animated icon used to indicate that a process is in progress and the user should wait.Tabs: A navigation element that allows users to switch between different content sections within a page.Autocomplete: A form element that provides suggestions as the user types, often used for searching or selecting options.Table: A grid of data organized into rows and columns.Modal: A temporary overlay or popup window that displays additional information or requires user action.Navbar: A navigation element that typically appears at the top of a page and includes links to other sections of the site.Select Field: A form element that allows users to choose from a list of options, typically displayed as a dropdown menu.Building a component library from scratch can be a challenging task, but it can also be a rewarding experience. By creating a set of reusable components, developers can save time and improve the consistency and quality of their code. In addition, component libraries can be shared with other developers, making it easier to collaborate on projects and maintain a consistent design language across different applications.When building a component library, it is important to consider factors such as accessibility, usability, and responsiveness. Components should be designed with a focus on user experience and should be tested across a range of devices and screen sizes to ensure they work properly in different contexts.Overall, building a component library using Tailwind CSS can be a great way to improve the efficiency and quality of your development process. By creating reusable components that can be easily integrated into different projects, you can save time and improve the consistency and quality of your code.
Who this course is for
Front End Developers
UI Developers
React Developers
Homepage

www.udemy.com/course/react-component-library-from-scratch-using-tailwind-css/