/ReactCasts

App by app code for Build Web Apps with React JS

Primary LanguageJavaScript

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