React: Building Components - Live Coding with Jesse

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=0833PW-IdJE


Duration: 38:05
3,295 views
43

See a professional front-end developer at work. Unscripted. Mistakes included.

I am going to convert parts of a static site into React components. These components will be used in our Next.js pages.

React: https://facebook.github.io/react/
Next.js: https://github.com/zeit/next.js/
Yarn: https://yarnpkg.com/en/

Twitter: https://twitter.com/JesseRWeigel
Youtube: https://www.youtube.com/c/JesseWeigel29

Static Site Repo: https://github.com/fus-marcom/ci-static
Static Demo Site: https://fus-marcom.github.io/ci-stati...

Code Editor: https://atom.io/

Terminal: https://www.iterm2.com/

Framework: http://materializecss.com/

Project Management: https://trello.com

-

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community.

Join our community at https://freecodecamp.com
Read great tech articles at https://medium.freecodecamp.com



Other Videos By freeCodeCamp.org


2017-05-20Graph Data Structure Intro (inc. adjacency list, adjacency matrix, incidence matrix)
2017-05-18Browser history tutorial - Beau teaches JavaScript
2017-05-16cookies vs localStorage vs sessionStorage - Beau teaches JavaScript
2017-05-16React: Production Server Setup Part 2 - Live Coding with Jesse
2017-05-15React: Production Server Setup - Live Coding with Jesse
2017-05-13Heap Data Structure (max and min)- Beau teaches JavaScript
2017-05-12React: Server Side API Calls with Isomorphic Fetch - Live Coding with Jesse
2017-05-12A day at Amazon with developer Dave Jeffers
2017-05-11React: Props - Live Coding with Jesse
2017-05-11Pop up boxes tutorial - Beau teaches JavaScript
2017-05-10React: Building Components - Live Coding with Jesse
2017-05-09React: Initial Setup - Live Coding with Jesse
2017-05-09Window Object: move, open, close, & size - Beau teaches JavaScript
2017-05-08Hide/Show Section on Click - Live Coding with Jesse
2017-05-06Trie Data Structure - Beau teaches JavaScript
2017-05-05Material Design Cards - Live Coding with Jesse
2017-05-05requestAnimationFrame() - Beau teaches JavaScript
2017-05-04Building a Website: Team Page - Live Coding with Jesse
2017-05-03Building a Website (P1D2) - Live Coding with Jesse
2017-05-03Animation in the DOM - Beau teaches JavaScript
2017-04-30Mediator Design Pattern - Beau teaches JavaScript


Tags:
learn to code
help nonprofits with coding
learn react js
learn basics of computers
React
ReactJS
Next.js
JavaScript
HTML
CSS
Front End Developer
Web Developer