Discover Classes. Earn Rewards.

React Development

  • All levels
  • 18 and older
  • $3,950
  • 225 Bush St, San Francisco, CA
  • 40 hours over 20 sessions

Get More Information

Fill out this form and the course provider will contact you with more information about this course.

  • $3,950
  • GA San Francisco @ 225 Bush St 5th Fl East Entrance, San Francisco, CA 94104
  • 40 hours over 20 sessions
  • A computer will not be provided
    No classes on Nov 28, Dec 24, Dec 26, Dec 31

By submitting this form, I consent to CourseHorse providing the information in this form with the course provider which may contact me via email, phone or text.

Class Description

Description

What you'll learn in this coding class:

Get Ahead With Today’s Essential Skills
Start building maintainable web applications that can handle constantly changing data at scale. Expand your programming toolkit, and discover why both developers and employers favor this robust JavaScript library.

Evolve With the Tech-Driven Economy
Tap into the demand for React development skills, and translate new knowledge into career gains. Our dynamic coursework is designed by industry experts to align with today’s employer demands.

Become Part of a Global Community
Collaborate with experts and peers and join GA’s growing global network. After the course is through, you’ll access exclusive perks, opportunities, and events to continue pursuing a lifetime of learning.

Why Learn React at GA?
React development skills pay dividends — both on- and off-screen. Here are just a few reasons to gain them in our project-based course.

Versatile Applications
React fuels countless websites and applications across industries, including Instagram and Airbnb. Gain the knowledge to increase your contributions at work and elevate your job market appeal.

High Demand
According to Stack Overflow, React is the framework “most developers want to work with if they don’t already.” What’s more, there’s not enough talent to meet employer need.

Dedicated Support
GA’s collaborative, project-based course keeps students motivated and engaged. Start building React-driven web applications with personalized support from experts.

Course Outline

Pre-Work: React Fundamentals

  • Introduction to ES6
    • Get acquainted with ES6, the latest version of the JavaScript programming language, exploring const, let, arrow functions, template literals, and object literals.
  • Introduction to React
    • Understand the problems React solves.
    • Build a dynamic React application using props.
    • Identify single page applications and components.
    • Render basic React components using JSX and the virtual Document Object Model (DOM).

Unit 1: Key React Concepts

  • Problem-Solving With React
    • Apply React fundamentals to solve common user interface (UI) problems.
  • Getting Started With Components
    • Render components within another component.
    • Pass props to a nested component.
  • Lab 1
    • Add nested components to your blog application.

Unit 2: React State

  • Manipulating State
    • Differentiate between props and state.
    • Create and change state in a component.
  • Understanding Data Flow
    • Describe the flow of methods in a component.
    • Identify the triggers for the re-rendering of a component.
    • Contrast class components with functional components.
    • Define unidirectional flow.
    • Diagram data in a component hierarchy.
  • Lab 2
    • Use state to create editable entries in your blog application.

Unit 3: Underlying Concepts

  • Exploring the Component Life Cycle
    • Rewrite class components into functional components.
    • Define the main categories of the component life cycle.
    • Identify general methods in each category of the component life cycle.
  • Imperative vs. Declarative Programming
    • Contrast the concepts of imperative and declarative programming.
  • Lab 3
    • Implement functional components in your blog application.

Unit 4: APIs and Heroku

  • Introduction to APIs
    • Describe what an application programming interface (API) is and why we might use one.
    • Use fetch() to make an API call and work with API keys.
  • Deploying Applications on Heroku
    • Describe Heroku.
    • Deploy an app on Heroku.
    • Set up a CORS proxy on Heroku.
  • Lab 4
    • Use an API to display the current weather on your blog application.

Unit 5: React Router

  • Defining React Routing
    • Contrast historical and modern browser history mechanics.
    • Define routing.
  • Using React Router
    • Describe React Router's main features and history.
    • Use React Router to map URLs to components.
    • Use React Router to create links to different components.
  • Lab 5
    • Use React Router to add multiple pages to your blog application.

Unit 6: Applied Practice

  • Building React Applications
    • Create a tic-tac-toe game.
    • Confidently find and apply features from documentation.
    • Build an ATM application.
  • Final Lab
    • Build a working React application of your choice from scratch. Prompts and guidelines are available for students who would like help brainstorming ideas.
School Notes:
For students enrolling in 12 week part time and immersive classes, it is not recommended that you book more than one class simultaneously.

Refund Policy

If you can't make it to a class/workshop, please email us at [email protected] at least 7 days before the scheduled event date. No refunds will be given after this timeframe.


In any event where a customer wants to cancel their enrollment and is eligible for a full refund, a 5% processing fee will be deducted from the refund amount.

Reviews of Classes at General Assembly (2,637)

Questions & Answers (0)

Get quick answers from CourseHorse and past students.

General Assembly

At General Assembly you get the tech skills, career advice and networking opportunities needed to be job ready for a career in coding or data or ux design, in as little as three months, with little or no previous experience.

Since 2011 General Assembly has graduated more than 40,000 students...

Read more about General Assembly

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified San Francisco educator.

General Assembly

General Assembly

All classes at this location

Google Map

Give This Course as a Gift Card

  • Thousands of classes
  • No expiration
  • Unique and memorable gifts for any occasion
  • Personalized
  • Explore a passion, gain a new skill, discover a new hobby, engage in a memorable experience
  • Instant delivery
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™

Buy a Gift Card

Book this Class as a Group Event

Booking this class for a group? Find great private group events

Or see all Coding Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

CourseHorse Gift Cards

  • Creative & unique gift for any occasion
  • Thousands of classes & experiences
  • No expiration date
  • Instant e-delivery (or choose a date)
  • Add a personalized message
  • Lock in a price with the Inflation Buster Gift Card Price Adjuster™
Buy a Gift Card
gift card with the CourseHorse logo gift card with the CourseHorse logo
Loading...