Learning React: Tips, Tricks, and Hacks

Sameer Khoja
Nov 5 · 2 min read

Objectives

The main goals of this document are to:

  1. Expose readers to through a tutorial
  2. Implement an example application to get your feet wet
  3. Learn best practices
  4. Demonstrate an example application

If you just want something 5 minutes long, read this: https://reactjs.org/docs/getting-started.html

Architecture

Terminology

Beginners → https://www.taniarascia.com/getting-started-with-react/

  • Setup and installation
  • Create-React-App feature
  • Cool dev tools
  • Props and State

Designers → https://reactfordesigners.com/

Learning

Learning React in 12 weeks:

Week 1: Treehouse project (if you don’t have access, do this)

Weekend project

Week 2: FreeCodeCamp

Weekend project

Week 3: FreeCodeCamp

Weekend project

Week 4: FreeCodeCamp

Weekend project

Week 5: Scrimba

Weekend project

Week 6: Scrimba

Weekend project

Week 7: ReactForBeginners (if you don’t have access, do this)

Weekend project

Week 8: EggHead

Week 9: Udemy

Week 10: Udemy

Week 11: Udemy

Week 12: Udemy

Special projects for designers:

Special projects for advanced:

Learn React in 6 Weeks:

Week 1: An Introduction

Week 2: Components and Props

Week 3: Component State and Lifecycle

Week 4: Forms, Events, and Keys

Week 5: An Example App

Week 6: ReactJS Best Practices

Making Your Own App

Best Apps to Make:

Learning Testing

Future Work

Gotchas

Coding Practices

  • Identifying opportunities to refactor
  • Coding for scale
  • Avoiding over-engineering
  • Isolating behavior
  • Design Process

Key Technologies

  • React
  • NodeJS
  • Brew
  • Express
  • Jest
  • Mocha

Example App

See app here

Appendix

Sameer Khoja

Written by

Cornell ’19. Previously @google @linkedin

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade