React.js is one of the most popular front end frameworks. Companies like Facebook, Netflix, and Eventbrite are using it to power blazing-fast web apps that make interacting with users faster than ever before.

This is a three week, cohort-based class that will introduce you to the basic concepts you need to understand to work with React.js. This class offers 12 hours of instructional training and is limited in attendance to ensure for maximum instructor support. The class will meet six times on the following dates and times:

PLEASE NOTE THIS CLASS IS BEING OFFERED IN PST (Start times on EST are 9-11pm)

• Monday, January 11th, 6::00pm-8:00pm PST
• Wednesday, January 13th, 6:00pm - 8:00pm PST
• Monday, January 18th, 6::00pm-8:00pm PST
• Wednesday, January 20th, 6:00pm - 8:00pm PST
• Monday, January 25th, 6::00pm-8:00pm PST
• Wednesday, January 27th, 6:00pm - 8:00pm PST 

CLASS GOALS

You'll learn why React is so powerful as a framework, work through exercises to learn the basics, and build an Instagram-like project from scratch. By the end, you will be comfortable with concepts such as React components, JSX, props, state, and basic React hooks, including the React Context API.

PREREQUISITES

Basic familiarity with ES 6 - one of the more recent versions of Javascript. Specifically:

• Variable declaration: const, let instead of var
• String interpolation
• Arrow functions
• map() ...technically not ES6, but we’ll need it!
• Destructuring objects and arrays
• Imports/ Exports
• Promises
• Basic familiarity of HTML & CSS
• Basic familiarity of Github (specifically, only need to know how to clone down a repository https://www.atlassian.com/git/tutorials/setting-up-a-repository/git-clone).

All of the above ES 6 requirements will be covered in GDI's Intro to ES6 class, meant as a precursor to this React class.

TECH REQUIREMENTS

• Your laptop (Mac, PC, Linux) and charger
• A modern web browser (Chrome, Firefox, Safari)
• A text editor - we recommend either Sublime Text 3 or Atom (both free)
• Git (https://git-scm.com/book/en/v2/Getting-Started-Installing-Git) installed on your laptop
• node.js (https://nodejs.org/en/blog/release/v8.11.3/) installed on your laptop
• Chrome React Dev Tools (https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
• React Syntax highlighting for your editor
• Atom (https://github.com/dwyl/learn-react/issues/12)
• Sublime Text 3 (https://medium.com/@adrianmcli/setting-up-sublime-text-3-for-reactjs-3bf6baceb73a)

Instructor: Hanah Yendler

Hanah Yendler is a pirate historian turned food educator turned software engineer. She is dedicated to making computer science education more accessible/approachable, and loves working with GDI to achieve that goal. Hanah previously worked at Eventbrite as a full stack engineer and helped run the internal mentorship program. She now works at Carbon Health, building software to help the company’s clinics and covid testing initiatives. In her spare time, Hanah loves to swing dance (solo, for now, during covid times) and bakes a mean chocolate chip cookie.

Code of Conduct: Girl DevelopIt mission is focused on providing opportunities for women to learn web and software development, but our classes and events are open to all genders and identities. We are dedicated to providing a welcoming and comfortable environment for all to learn to code and every attendee is expected to uphold our Code of Conduct.