hhy5277 / reactcasts

App by app code for Build Web Apps with React JS

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