bryankit/WWCodeManila-React

Repository for ReactJS Study Group

Women Who Code Manila - React Study Group

The React study group is held every third Saturday of the month. Please check our MeetUp Page for updates.

What is React?

React is a Javascript library developed by Facebook for building user interfaces.

Why React?

• Everything is made of components which have a well-defined life cycle
• React uses JSX which allows "writing HTML" with Javascript
• VirtualDOM makes react faster (watch "The Story of Virtual DOM" here)

Prerequisites

Please make sure to install the following before attending the study groups. Click on the links for installation instructions.

• Node.js
• Package manager: Yarn or npm
• Your favorite text editor: Sublime, VSCode, Atom, etc.

Tools

• Babel
• create-react-app
  to create a new react app, use the command yarn create react-app project-name
  if you still cannot use the create-react-app command, try adding yarn to your path:
  export PATH="$HOME/.yarn/bin:$HOME/.config/yarn/global/node_modules/.bin:$PATH"
• React Developers Tools Chrome Extension

Content

Topic	Slides	Resource
Create-React-App	R01: Intro to React	Repository
States	R02: States
Routes	R03: Routes
Forms	R04: Forms
Displaying data	R05: Displaying Data

Sample Projects

• The Switch - Demonstrates updating states

Resources

• ES6
• React Documentation
• Create-react-app Documentation
• Women Who Code Resources

👋 If you need someone to talk to, message us on Gitter