Course Content
React Mastery
React Mastery
1. Introduction to React Fundamentals
What is React?SPAs vs. MPAs in Web DevelopmentHow React Works with the Virtual DOMIntroducing JSX in ReactCreating Complex JSX Elements Rendering Elements in ReactChallenge: Rendering ElementReact ComponentProps in ReactChallenge: Functional ComponentsConditional RenderingChallenge: Conditional Rendering - Chat NotificationChallenge: Conditional Rendering - Bank AlertRendering a Data CollectionChallenge: Rendering a Data CollectionIntroduction to React Section Sum-Up
2. Styling in React Apps
Introduction to Styling in ReactInline StylesInline Styles in PracticeChallenge: Inline StylesStyling with the CSS FileStyling with the CSS File in PracticeChallenge: Styling with the CSS FileStyling with the CSS ModulesFile Folder Structure OrganizationChallenge: CSS ModulesStyling in React Section Sum-Up
3. React Hooks and Context
Introduction: React Hooks and ContextuseState HookChallenge: Toggling VisibilityuseRef HookChallenge: Creating a Form ComponentuseEffect HookChallenge: Fetching and Displaying DatauseMemo HookChallenge: Car List FilteringContextContext in PracticeChallenge: World of Astronomy AppReact Hooks and Context Section Sum Up
Code Editor
Step 2: Install code editor
To proceed, we need to install a code editor. If you already have a code editor, skip this step and move on to the next chapter. We are free to choose any code editor we find comfortable working with. Some popular options include:
- Visual Studio Code - https://code.visualstudio.com/;
- Sublime Text - https://www.sublimetext.com/;
- WebStorm - https://www.jetbrains.com/webstorm/.
Throughout this course, all examples will be demonstrated using Visual Studio Code. It's important to note that the choice of the editor doesn't significantly impact the content, but the external interface may differ.
Steps to follow:
- Choose a code editor;
- Go to the website of the chosen code editor and download the installer for the operating system;
- Run the installer and follow the installation instructions.
Everything was clear?
Thanks for your feedback!
Section 4. Chapter 2