This is the repository for the LinkedIn Learning course Interactive React for the Web. The full course is available from LinkedIn Learning.
React has been a cornerstone of the web for many years, and remains one of the most-used JavaScript frameworks. In this course, learn how to think about applications using components, the fundamental building block of a React project. Over several small projects, instructor Joe Chellman shows you how to manage the interactive data in each one, and use code to declare how pieces should change in response to one another. Learning React opens doors to many opportunities, whether one ends up actually using it on projects themselves or not.
See the readme file in the main branch for updated instructions and information.
This repository has folders for each of the chapters and videos in the course where exercise files are needed. The structure is CHAPTER#.MOVIE#, with an equivalent CHAPTER#.MOVIE#-end for the files as they are at the end of that movie.
This course is delivered using GitHub Codespaces, so no installation is required. Fork the repository to your own GitHub account, then click the Code button, switch to the Codespaces tab and click the "Create Codespace on main" button.
While it is easy, you don't have to use Codespaces to use these files. If you download the files from GitHub, you can start a local Dev Container in Visual Studio Code. The VSC documentation on Dev Containers has all the requirements you'll need to do this. Once those requirements are installed, you can start the dev container and enjoy.
This project includes Vite for processing the React code into JavaScript, and Hono to running the API that powers one of the chapters.
This tiny Hono app saves and serves status messages. It is just enough to support the coursework, and is not meant to be used live on the internet.
For example, there is no data validation, no authentication, and no protection against spam. Feel free to use it as a starting point, but it will take a lot of work to be ready for production.
If used outside a Dev Container, you can install and try it like this:
npm install
npm run dev
Then you'll be able to see it running in a web browser:
open http://localhost:4000
Joe Chellman
Web Designer, Author, Trainer