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
Topics
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?"