ReactCasts
This is the companion git repository for the course Build Web Apps with React JS and Flux.
Each example from the course can be found within this repo. You can either look at the files in a completed state, or check out the changes that were made in a particular section by clicking on one of the links below.
| Section Number | Section Name | Link to Commit |
|---|---|---|
| 1 | Introduction | |
| 2 | Link to Github Repository | |
| 3 | JSX Markup in Our Views | |
| 4 | First Application - Basic Building Blocks | 6eac86c |
| 5 | First Application - Creating a React Class | 8ee74dd |
| 6 | First Application - Showing Content | df8b9ed |
| 7 | Exploring Props - Customizing Views | d67b329 |
| 8 | Exploring Props - Wiring Up Our Data | 0f49ee5 |
| 9 | Composition - Views Within Views | 5693d3c |
| 10 | Composition - Props Selection | |
| 11 | Lists | ee7157f |
| 12 | Tooling - Breaking Up Our Code | 3ac4d7c |
| 13 | Tooling - Applying NPM | c3f7c77 |
| 14 | Tooling - Exporting Code | |
| 15 | Tooling - Gulpfile | 2112054 |
| 16 | Tooling - Final Refactor | 50d6b89 |
| 17 | Exploring State and Events - Purpose of State | c8c0da4 |
| 18 | Exploring State and Events - Bringing Button Back | 86d0dc1 |
| 19 | Exploring State and Events - Adding Content | b2bf2d4 |
| 20 | Exploring State and Events - Toggling Visibility | 3e8921a |
| 21 | Exploring State and Events - Selecting Items | 3625a8d |
| 22 | Firebase - Building From a New Start | |
| 23 | Firebase - Signing up and Integrating Firebase | |
| 24 | Building From a New Start | |
| 25 | Signing up and Integrating Firebase | 2ca16df |
| 26 | Building Our Application Architecture | 4567631 |
| 27 | Hooking Up Our Remote Datastore | 0233b4a |
| 28 | Scaffolding the Header | 74f393e |
| 29 | Handling Form Input | 952235f |
| 30 | Pushing Data to Firebase | 65eae7c |
| 31 | Rendering a List of Items | 6336102 |
| 32 | Waiting on Data Before Rendering | c9cf6c9 |
| 33 | Building Item Component | 323226d |
| 34 | Updating Data to the Remote Datastore | a466ecb |
| 35 | Debugging Firebase Updating | 631007d |
| 36 | Allowing Editing and Undoing | f3d0640 |
| 37 | Saving Edit | 4650605 |
| 38 | Bulk Delete Data | 6ff8591 |
| 39 | Project Overview | |
| 40 | Imgur API Overview | |
| 41 | Imgur API in Detail | |
| 42 | React Router Demo | 3ea1d06 |
| 43 | Nesting Route | f268536 |
| 44 | Refactor to Separate Rendering and Routing | 3403ae6 |
| 45 | In-App Navigation | 92a5b98 |
| 46 | Implementing Fetch | 0d47fe0 |
| 47 | Working with Fetch's Promise | cacf778 |
| 48 | Display a List of Topic | 42bcfc6 |
| 49 | Fetching Data Naively | f6c8c35 |
| 50 | Working With Stores | f114d82 |
| 51 | Triggering Changes From a Store | 136aa1f |
| 52 | Working with Action | 10519ed |
| 53 | Recap of Flux Data Fetching | |
| 54 | Routing with Parameters | 6c2e386 |
| 55 | Matching Parameters | fcfe2fc |
| 56 | Rendering Topics in the Header | 6680a3a |
| 57 | React Router Helper | b9a82f7 |
| 58 | Implementing Image Store | c8ea3ad |
| 59 | Refetching Data on Rerender | 265e9cd |
| 60 | Scaffolding Image Preview | b61d75e |
| 61 | Filtering Image Data | 56668a1 |
| 62 | Playing Videos on Mouseover | 54c0f79 |
| 63 | Showing a Play Button for Each Image | 77ef623 |
| 64 | Adding an Image Stats Overlay | 7c86a66 |
| 65 | Scaffolding Image Detail | e606fad |
| 66 | Fetching Single Records from a Store | 2528ac5 |
| 67 | Fetching Single Records from a Store Continue | b573cb7 |
| 68 | Rendering an Image Detail | 95af337 |
| 69 | Actions With Multiple Methods | 43e3865 |
| 70 | Listening to Many Changes in a Component | a3a6207 |
| 71 | CSS Animation | 9bfde96 |