Join Alex Banks for an in-depth discussion in this video Using the exercise files, part of Building a Polling App with Socket IO and React.js.
- If you have access to the Exercise Files for this course, you may notice that the author has chosen to use an archive format that's slightly different than the normal .ZIP files you're probably used to. This .7z format is very similar to a ZIP archive but the compression is much better. Since no JS projects can be quite large, we chose to use a .7z file to save you over two gigabytes worth of download. Please be aware that though the download is only 7 1/2 megs, the extracted files are just over 2 1/2 gigs in size.
.7z file support isn't built-in to the Windows or OS X operating systems but you can download a free application which will let you extract these files. For Windows users, go to www.7-zip.org. This is the official home page for the 7-Zip format and they have a free application for Windows for extracting these files. Choose the appropriate downloader based on whether you have a 32-bit or 64-bit operating system. Because the official build hasn't been updated in almost five years, we would recommend that you start with the beta.
And if you run into any issues, you can always go back and install the official build. Also as a side note to Windows users, you might have difficulty extracting these files to your Desktop since Windows has a limitation of 256 characters in a file path. If you receive any error messages, we recommend creating a small folder near the root of your hard drive or a portable drive that you can extract to. For users on a Mac, there are a number of free options including Keka.
Keka is a free download from kekaosx.com or alternatively, you can download it from the App Store for 1.99. Because there are a number of other applications that can extract 7-Zip files, if you have any of these already installed, you shouldn't have any problem extracting those files to your hard drive. Within the Exercise Files folder, you'll find the folder for each chapter and within a folder for each video.
For each video, there's a folder with the start state. So if you want to follow along with the author, you can use these files. And once you're done, if you want to compare your work against what the author has done, you can look at the Finished folder.
- Setting up the environment
- Connecting sockets
- Handling disconnects
- Setting up the React.js router
- Passing state to child components as properties
- Joining the presentation
- Starting and running the presentation
- Asking and answering questions
- Graphing results
- Upgrading to ES6