React in Action: From Setup to Deployment
1h 12mIntermediate2025-01-27
Authors

Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
Begin your adventure into React, the front-end library trusted by developers worldwide, as Ray Villalobos gets you started installing React, utilizing hooks for state and lifecycle management, handling events, and structuring your components for maximum reusability. Dive into styling with Pico CSS. Optimize your application with JSX and learn the intricacies of integrating and managing external modules. Discover practical ways to use tools like Node.js, Veet, and GitHub Codespaces for efficient development and debugging. Learn how to incorporate SVG icons and custom fonts to enhance your application's visual appeal. Follow along with examples and hands-on projects designed to solidify your understanding. Whether you're building interactive user interfaces for personal projects or deploying production-ready applications, this comprehensive course will equip you with the knowledge that you need to excel.
Skills covered
React.jsWeb StandardsMetaWeb DesignWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentOne-Off
Concepts
0. Introduction
- 01 - Why React rules full-stack development
1. What Makes React Special
- 02 - Installing React
- 03 - Templating with JSX
- 04 - Working with components
- 05 - Using hooks
- 06 - Using effects
- 07 - Dealing with state and effects
2. Building with React
- 08 - Creating event triggers
- 09 - Building a modal
- 10 - Refactoring data
- 11 - Building a navigation
- 12 - Creating buttons in our modals
- 13 - Toggling the app's theme
3. Finishing with React
- 14 - Using custom icons
- 15 - Using CSS with React
- 16 - Custom fonts and ocons
- 17 - Building and publishing