Building Reusable React: Advanced Component Development
Master React component libraries. Learn controlled components, refs, reducers & compound components for efficient development.
Master React component libraries. Learn controlled components, refs, reducers & compound components for efficient development.
This advanced React course teaches you to create reusable component libraries for your team using JavaScript. You'll master controlled components, refs, reducers, and compound components to build a custom library. The course focuses on creating declarative, reusable components that adhere to the DRY (Don't Repeat Yourself) principle, enhancing your codebase's efficiency. Through interactive challenges, you'll solidify your understanding and become a more effective React developer. Topics include props, custom hooks, custom events, state management, and the Context API. By the end, you'll be equipped to build complex, scalable React applications with reusable components.
Instructors:
English
Powered by
What you'll learn
Create a component library using JavaScript and React
Implement controlled components and refs for interactive forms
Utilize reducers for efficient state management in React
Develop compound components to replace complex prop structures
Apply custom hooks and events for enhanced component functionality
Use the Context API for state sharing in compound components
Skills you'll gain
This course includes:
5 Hours PreRecorded video
4 assignments
Access on Mobile, Tablet, Desktop
FullTime access
Shareable certificate
Top companies offer this course to their employees
Top companies provide this course to enhance their employees' skills, ensuring they excel in handling complex projects and drive organizational success.
There are 4 modules in this course
This course provides an in-depth exploration of building reusable React components, focusing on advanced techniques for creating efficient and scalable component libraries. Students will learn to develop controlled components, utilize refs and reducers, and implement compound components. The curriculum covers fundamental concepts like props and custom hooks, as well as more complex topics such as state management and the Context API. Through hands-on exercises and interactive challenges, learners will gain practical experience in creating declarative, reusable components that adhere to best practices in React development. By the end of the course, students will be equipped to build sophisticated React applications with highly reusable and maintainable component structures.
Introduction - Resusable React Fundamentals
Module 1 · 1 Hours to complete
Controlled Components and Refs
Module 2 · 1 Hours to complete
Reducers
Module 3 · 1 Hours to complete
Compound Components
Module 4 · 1 Hours to complete
Fee Structure
Payment options
Financial Aid
Instructor
Instructor at Scrimba Specializing in React Development
Cassidy Williams is an instructor at Scrimba, where she teaches courses focused on web development, including "Building Reusable React" and "React Interview Questions." With a strong emphasis on practical skills, her courses aim to equip students with the knowledge needed to create efficient and maintainable React applications. Cassidy's expertise in building reusable components is essential for developers looking to enhance their coding practices and improve their understanding of React's component-based architecture. Her teaching approach combines theoretical insights with hands-on experience, making her courses valuable for both aspiring and experienced developers.
Testimonials
Testimonials and success stories are a testament to the quality of this program and its impact on your career and learning journey. Be the first to help others make an informed decision by sharing your review of the course.
Frequently asked questions
Below are some of the most commonly asked questions about this course. We aim to provide clear and concise answers to help you better understand the course content, structure, and any other relevant information. If you have any additional questions or if your question is not listed here, please don't hesitate to reach out to our support team for further assistance.