Intro. to React Bootcamp
Event Information
Description
INTRO TO REACT
PS Javascript Workshop Series
*Lunch provided both days
Description:
React is a library for building HTML user interfaces. It is the "view" in a Model-View-Controller application. Created by the UI wizards at Facebook, top websites like Instagram, Netflix, Airbnb, Bleacher Report and Feedly use it. React is the 6th most starred project on GitHub and grows more popular every day.
In this two-day workshop, we will introduce you to React. On the first day, we will work through a series of increasingly more complicated tutorial exercises. Along the way, we will explain concepts like JSX, immutability, statefulness, one-way data flow, components, and virtual DOM.
With the basics out of the way, we will spend the second-day building a complex application which will put React through its paces and give us a chance to explore most of its features. Then we will learn how to think in React. We will show you how to go from design to components to working application. We will wrap the weekend with a quick preview of React Native, which allows you to use your React skills to create cross-platform mobile apps.
React Syllabus
-
Big Ideas
-
State
-
Data flow
-
Immutable
-
Pure functions
-
Single responsibility principle
-
Composition vs. Inheritance
-
Tools
-
npm
-
Babel
-
Webpack
-
JavaScript
-
Collection Operators
-
Declaring Variables
-
Arrow Functions
-
Template Strings
-
Destructuring
-
Spread Operator
-
Class
-
Import
-
Export & Default
-
Object
-
React
-
Virtual DOM
-
JSX
-
call ref handler
-
one-way data flow
-
Props & state
-
Lifecycle events
-
Keys
-
Forms
-
Type checking
-
Performance Optimization
-
React Router
-
URL Parameters
-
404 Page
-
Redirect
-
Nesting Routes
-
Flux
-
Overview
-
Action
-
Dispatcher
-
Store
-
View
-
Controller-Views
-
Redux
-
Three Principles
-
Action & Action Creators
-
Reducers
-
Store
-
With React Router
-
Bonus Subjects
-
React Developer Tools
-
Flow (static typechecking)
-
Jest (unit testing)
-
React Native (mobile)
INSTRUCTOR:
Instructor, Troy Miles
Troy Miles is a senior software engineer and instructor. He is exceptionally skilled at full stack development with experience using both ASP.NET MVC and Node.js on the backend, SQL Server or MongoDB as the database and web or mobile on the front-end. He is also skilled in C#, Objective C, Java, and JavaScript well. He posses deep knowledge of the following frameworks: AngularJS, jQuery, jQuery Mobile, PhoneGap, Backbone, Ember, Jasmine, and Mocha.
About PeopleSpace Professional Development Series:
Our Professional Development Series for working developers aim to enhance our resume, expand our skills and add new outlook to the OC technical community. Our workshops provide a platform for more indepth exploration of new technologies, methodologies and concepts.
For more info. and upcoming workshops:
http://peoplespace.us/professional-development/
