Burlington Code Academy
  • Bootcamp
  • Hire Our Grads
  • Schedule
  • Projects
  • Curriculum
    Curriculum  Learn to Code with JavaScript  The World Wide Web  Responsive Layout with CSS  Client-Side Coding with JavaScript  Server-Side Coding with JavaScript  Object-Oriented Design with JavaScript  Databases  Client-Side Coding with React
      Agile Development  Version Control with Git and GitHub  Tricks of the Trade  Career
  • Apply
  1. Home
  2. Tracks
  3. Client-Side Coding with React

Description

Learn React, the component-centric client-side Web library from Facebook.

Topics

BindingComponentsDeclarative-IntentEvent-HandlingFat-ArrowJavaScriptJSXReactReact-Component-KeysReact-Component-LifecycleReact-Component-PropsReact-Component-StateReact-ComponentsReact-Conditional-RenderingReact-DOMReact-EventsReact-FormsReact-Multiple-Component-RenderingVirtual-DOM

Lessons

 What Is React
 JSX and the Virtual DOM
 Setting Up React
 Class V Functional Components
 Component Oriented
 Props and State
 Responding to Events
 Forms in React
 React Hooks
 Conditionally Rendering Components
 Rendering Multiple Components
 Fetching Data
 Lifting State to Parents
 Composition Vs Inheritance
 Using Refs
 Error Boundaries
 Routing in React

Labs

 React Greeter
 Create a React Component
 Color Clicker
 Logging in
 Say My Name!
 Name Display
 Fetch a Post
 Modal Display
 Rendering an Array of Components
 Multi-Greeter
 Functional Fetching
 Post Selector
 React Nav Bar
 React Router Blog

Links

  • Build a Tic-Tac-Toe game in the browser with React
  • RailsBridge Javascript To Do List With React
  • You might not need Redux - Dan Abramov
  • http://buildwithreact.com/tutorial
  • https://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/
  • JSX In Depth
"Burlington Code Academy Curriculum" by Burlington Code Academy is licensed under:
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
Creative Commons License