React: Building Professional Web Applications

Develop powerful and maintainable web applications using the latest techniques and best practices in ReactJS.

Description

Creating adaptive, fast, and fluid web applications requires significant effort. JavaScript alone often falls short in building maintainable and scalable applications. ReactJS enhances JavaScript by providing a component-based workflow for developing dynamic and responsive user interfaces. It is widely adopted by major companies for front-end development.

In this course, you will learn to build ReactJS components and applications from the ground up. Batteries are included - you will learn how to set up your development environment, build components, style them, manage state, improve type-safety and test your applications. You will also learn how to use popular libraries and tools to enhance your applications. By the end of this course, you will have the skills to build your own ReactJS applications.

AI Boosted: Along the way, you will optionally also gain hands-on experience with generative AI tools such as GitHub Copilot to boost your productivity and development speed.

Learning Goals

• Compose interactive applications using ReactJS [Create]
• Employ TypeScript, ESLint and Prettier to improve code quality of React applications [Apply]
• Elaborate on the context of the current ReactJS ecosystem [Understand]
• Implement local state using React hooks [Apply]
• Capture application state using a state management library (Zustand) [Apply]
• Derive side effects based on state using React hooks [Apply]
• Compose applications with reusable components using tailwindcss and chadcn/ui [Create]
• Differentiate between controlled and uncontrolled form components. [Understand]
• Implement resilient and performant data synchronization between client and server using React Query [Apply]
• Implement real-world forms using React Hook Form and Zod [Apply]
• Apply testing strategies and best practices to React components to implement unit tests with Vitest [Apply]

Subjects

1. Introduction
2. Context
3. Setup
4. Component basics
5. Styling components
6. Stateful components
7. Testing using Vitest
8. Component libraries using shadcn/ui
9. Routing using React Router
10. Async & Backend using React Query
11. Forms using React Hook Form
12. State management using Context API and Zustand
13. Performance optimization