003

React - Make Excellent Apps and Websites in JavaScript

Download Episode
PublishedApr 16th 2019
Length57:47
Episode Tags:

On this episode Alex teaches Elle about the JavaScript library React. Developers use React to create apps and websites, and it’s great for designers to be familiar with. We introduce the big concepts of React along with its purpose and guiding principles. We talk about how easy it is to pick up, and give you some great places to go next to learn React.

What is React

  • You tell React what you want to show on the UI and React figures out the fastest way to achieve it
  • React is Super Fast
  • React can be whole site or one part
  • JSX
  • Components

    • Sections of reusable code
    • Either a piece of the UI, a piece that adds functionality, or both
    • Less code written, easier to maintain
    • When to create a component
    • Nesting Components
  • Props and State (Data)
  • Event Handling
  • Routing
  • Lifecycle Methods
  • Setup Options

    • Create a New React App
    • “Create React App”
    • Add it to an existing HTML site
  • How To Learn

    • Official React tutorial
    • FreeCodeCamp
    • WesBos.com
  • React Native (Mobile)
  • Who uses React?

    • Facebook
    • Instagram
    • Netflix
    • Reddit
    • New York Times
    • Khan Academy
    • Dropbox
    • AirBnB
    • Trello
    • Fiverr
    • Asana
    • ATrost.com (Shameless Plug)
    • overlappodcast.com
    • And many more
007

Typography Basics: Everything you need to know to make great layouts

design
typography
web development
006

Creative Briefs - The key to happy clients and teams

freelancing
graphic design
web development
005

Focus for Designers and Developers

meta skills
graphic design
web development
004

Jason Lengstorf Interview - Gatsby, Work/Life Balance, Building Community

web development
gatsby
react
003

React - Make Excellent Apps and Websites in JavaScript

web development
react
002

Pro Print Tips for Developers - RGB vs CMYK, Illustrator vs Indesign, and more!

graphic design
print
001

Pricing Structures, or "How much should I charge for design/development?"

freelancing
graphic design
web development
000

Coming Soon: March 19th!

graphic design
web development