Beginner React Study Group

What is React In a nutshell, React is a JavaScript library for building user interfaces
React vs Vue vs Angular Google Trends
Class Start Date Saturday 2nd October 2021
Intake Unlimited
Target Audience Beginner developers who understand HTML, CSS and JavaScript at a basic level.
Pace We will allocate half an hour of our life every day until we finish the course.
Fee We will use Colt Steele's The Modern React Bootcamp in Udemy. The course costs $27.99 in Udemy
Slack Link to Code.Sydney's Slack Channel


Course Outline

39 Sections | 313 Lectures | 38h 48m total length

1A Taste of React9 lectures 48 min
2Introducing JSX5 lectures 26 min
3Props and More9 lectures 42 min
4Introducing Create React App9 lectures 50 min
5Pokedex Project7 lectures 47 min
6Introducing State12 lectures 1 hr 13 min
7React State Dice Exercise5 lectures 38 min
8React State Patterns7 lectures 48 min
9State Exercises!4 lectures 34 min
10The World of React Events7 lectures 52 min
11Hangman Exercise9 lectures 44 min
12Lights Out Game6 lectures 43 min
13Forms in React5 lectures 34 min
14Forms Exercise4 lectures 23 min
15Todo List Project7 lectures 48 min
16Building Yahtzee11 lectures 1 hr 56 min
17React Lifecycle Methods7 lectures 41 min
18LifeCycle Methods & API Exercise6 lectures 36 min
19Building the Dad Jokes App13 lectures 1 hr 18 min
20React Router:6 lectures 40 min
21Vending Machine Exercise5 lectures 24 min
22React Router Patterns9 lectures 48 min
23Router Exercises Part 28 lectures 1 hr 1 min
24The Massive Color Project Pt 112 lectures 1 hr 41 min
25The Massive Color Project Pt 26 lectures 45 min
26JSS & withStyles (Color App)4 lectures 33 min
27The Massive Color Project Pt 310 lectures 1 hr 34 min
28The Massive Color Project Pt 410 lectures 1 hr 24 min
29The Massive Color Project Pt 510 lectures 1 hr 40 min
30The Massive Color Project Pt 612 lectures 1 hr 40 min
31The Massive Color Project Pt 712 lectures 1 hr 37 min
32Intoducing React Hooks5 lectures 1 hr 1 min
33React Hooks Project9 lectures 1 hr 20 min
34Introducing The Context API!10 lectures 1 hr 37 min
35Using Context with Hooks7 lectures 21 min
36State Management w/ useReducer and useContext10 lectures 1 hr 19 min
37Next JS8 lectures 53 min
38Next: Fetching & Server API8 lectures 1 hr 14 min
39Bonus: Webpack Mini Course - Your Own Simple Version of Create React App10 lectures 1 hr 56 min


Learning Progress Tracker

Login Register

Camper Progress
inovo ▩▩▩▩▩▩▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
dasicksenija ▩▩▩▩▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
engramar ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
henryhe ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
gayoso99 ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
Boyeonom ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
Ajay95babu ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
bao.es.hoang2 ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
jo_anne.javillo ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
ubhattacharya ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
njqsubs ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
promie.yutasane ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
ella.tmferreira ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
himaja459 ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
fumihito1102.social ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
jomarcotejo ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
kashif.rashid84 ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
dasicksenija ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
colette.liu ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
Yumipatton ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
jimmymendapara81 ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
viral.jetani ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
cridi86 ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
boost1technology ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
edonginoz ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
joanne.javillo ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
Noah.Mangahas ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
jonathan.kimsing ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
shaunwhl1991 ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
bistvanus ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
mr.seb.agudelo ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
ssagarsahore11 ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
corralstephenmelben ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
Sebatianoa ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥
hgkemail ▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥▥