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
011

CSS Grid: The newest layout tool for the web

design
web development
graphic design
business
010

File Organization: Or, "Where'd I put that thing?"

design
web development
graphic design
business
009

What is UX? An Intro to User Experience Design

UX Design
Web Development
008

Static Site Generators: Gatsby + Hugo + Jekyll = Good Times

Web Development
Gatsby
JAMStack
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

Gatsby, Work/Life Balance, and Building Community with Jason Lengstorf

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