Hands-On Introduction: React
2h 43mBeginner2022-11-09
Authors
Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
When you learn a new framework, you sometimes get to start fresh, from scratch, with plenty of time. Other times, though, you need to dive right in and get things done. This hands-on course helps you quickly get up to speed with React—the popular JavaScript library for building user interfaces—by allowing you to change code directly as you follow along. Instructor Ray Villalobos highlights the aspects of React that set it apart from other JavaScript libraries, including how to approach templating and React Hooks. He then details how to build with React and use it in a web project.
Skills covered
Ecma InternationalReact.jsMetaJavaScriptFront-End Web DevelopmentWeb DevelopmentOne-Off
Concepts
0. Introduction
- 01 - Hands-on JavaScript
- 02 - Using GitHub Codespaces with this course
- 03 - Working with the slides
1. What Makes React Special
- 04 - Templating with JSX
- 05 - Classes or Hooks
- 06 - Component Hooks
- 07 - Using effects
- 08 - Combining useEffect with useState
2. Building with React
- 09 - Creating custom event triggers
- 10 - Building a modal
- 11 - Refactoring data
- 12 - Building a navigation
- 13 - Adding buttons to your modals
3. Extending React
- 14 - How to use React in a web project
- 15 - Using CSS with React
- 16 - Using Sass with React
- 17 - Custom fonts and icons
- 18 - Building and publishing
Conclusion
- 19 - Going further
Related courses
- Hands-On Introduction: Ruby on Rails
- Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
- OpenAI API: Building Voice Apps with the Realtime API (October 2024)
- JavaScript: Five Advanced Challenges and Concepts
- Angular State Management with NgRx
- Enhancing Your Notebook Workflow with Jupyter AI
- Hands-On Introduction: ASP.NET Razor Pages
- Hands-On Introduction: Go
Related learn paths
- Advance Your Skills in Python
- Explore App Development with the MERN Stack
- Applying AI as a Tech Leader
- Explore a Career in Front-End Web Development
- Prepare for the AZ-203 Developing Solutions for Microsoft Azure Exam
- Prepare for the Azure Developer Associate (AZ-204) Certification
- Building Generative AI Skills for Web Developers
- Explore a Career as a JavaScript Developer