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