Session 1: October 20, 2021

Welcome to the WWCode Tokyo React.js Study Group 🎊

Goal Setting

• Let's build a personal project by the end of the year!
• Our goals tonight:
  • choose a project idea (see below for inspiration)
  • set up a GitHub repo
  • (beginners) Review Study Materials
  • (intermediate / advanced) Start coding

Inspiration

React.js is a frontend framework, so we'll mostly be focused on layout and content, rather than backend. However, using an existing API to display data could be a creative starting point. You could also build a personal website, or remake a popular service in your own style.

👉🏻 Cool and Amusing APIs

Example project

https://github.com/ann-kilzer/wadokei (hosted on GitHub)

Study Materials

Beginners 🔰

• Official Tutorial
• W3 Schools Materials
• Microsoft React Tutorial
• Free Code Camp Tutorial
• Scrimba React Course

Intermediate & Advanced 👑

• https://reactjs.org/docs/getting-started.html#thinking-in-react
• https://reactjs.org/docs/getting-started.html#advanced-concepts

Tools for Starting a New Project

• Create-React-App
• https://reactjs.org/docs/hello-world.html
• https://nextjs.org/docs/getting-started

Setting Up Git

• Intro to Git : https://github.com/WWCodeTokyo/intro-to-git-and-gitlab
• You could use your own repository or contribute to WWCodeTokyo/react-study-group (https://github.com/WWCodeTokyo/react-study-group)
• Guide to generating SSH keys and using multiple keys (for people using a work computer or with multiple accounts): https://gist.github.com/aprilmintacpineda/f101bf5fd34f1e6664497cf4b9b9345f