Course Code for What is React on Pluralsight
Updated Course: What is React (Released June 2024)
This course has been updated June 2024 to reflect the latest changes in React. It is focussed on what is available in React 19. As of the release of the course, React 19 is pending final production release. It was slightly delayed due to the new features being added to the Concurrent Mode, but nothing in this course is affected by that. The course is up-to-date with the latest features and changes in React 19. The major change to the course is that Module 4 has been completely rewritten to focus on the new Concurrent Mode features including React Server Components and Suspense for Data Fetching.
You may notice that many of the package.json files reference React 18.3.1. This is because the course was recorded before React 19 was released. The course is still up-to-date with the latest features and changes in React 19. As soon as React 19 is released, I will update the package.json files to reflect the latest version of React.
Course | Release Date |
---|---|
What is React (this course) | July 2024 |
Working With Data in React | February 2024 |
Server Component Fundamentals in React 18 | June 2023 |
Working with Components in React 18 | February 2023 |
Using Hooks in React 18 | November 2022 |
What's New in React 18 | May 2022 |
Data and UI Patterns in React | December 2021 |
The main branch here is the latest updates to the Pluralsight course What Is React. This GitHub repo includes the final code for all the modules in the course.
This course will teach you what React is, and help you understand why React is the number one JavaScript library for building JavaScript Apps in a browser.
In this course, What is React, you’ll learn all about the component based nature of React and how that translates into highly performant and easy to use web applications.. First, you’ll explore the nature of React and fundamentally how it addresses building component based web apps.. Next, you’ll discover more specifically how React is based on a virtual DOM that efficiently maintains the applications user interface to mirror that Virtual DOM. Finally, you’ll learn how React uses the powerful JSX syntax to represent components and the actual UI of a running web app.. When you’re finished with this course, you’ll have an excellent understanding of why React is the most popular JavaScript library for building web apps, as well as what it takes to build a React app.
- Install Node 18.17 or later.
- Clone this repository. -
https://github.com/pkellner/pluralsight-what-is-react
or download the zip - **Set your default directory to which module you want (example:
cd m3-hands-on-moving-to-concurrent-rendering
-cd m4-hands-on-with-the-new-react-hooks
- Install Node Packages with Dependencies. -
npm install
Each of the folders here represent one module of the course. In each folder, there are subfolders that represent the completed code at the end of each clip. Where this is no clip reference, either there is no code in that clip or nothing changed from the previous clip.
Once in a clip directory, the easiest way to test the app is to first install the packages by typing at the root of that directory (in a terminal window or DOS prompt)
npm install
Then, do run the app you just need type
npm run dev
That will launch the web server on port 3000 where you can browser to it at the url: http://localhost:3000
If you find any problems or issues, feel free to post it as an issue here at this forum and I will look into it as soon as I can. You can also contact me directly at http://peterkellner.net/contact/
I hope you enjoy the course!