React: Masonry Layout - Live Coding with Jesse

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


Duration: 1:17:57
8,447 views
76

I am going to use a masonry style layout to display cards of differing heights. At least some of the cards will have images, and eventually there will be a need for infinite scroll.

I have also included an interview I recorded at SyntaxCon with Rick Rein from Operation Code.

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

Live Site: https://catechetics.com
Repo: https://github.com/fus-marcom/ci-react
Trello Board for this Project: https://trello.com/b/oD4BYdZk

React: https://facebook.github.io/react/
Next.js: https://github.com/zeit/next.js/
Materialize: http://materializecss.com/

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

Code Editor: https://atom.io/
Terminal: https://www.iterm2.com/
Project Management: https://trello.com

-

Learn to code for free and get a developer job: https://www.freecodecamp.com

Read hundreds of articles on programming: https://medium.freecodecamp.com



Other Videos By freeCodeCamp.org


2017-06-12Merging a Pull Request from GitHub - Live Coding with Jesse
2017-06-09Miscellaneous Front End Updates - Live Coding with Jesse
2017-06-09Dates - Beau teaches JavaScript
2017-06-08Creating WordPress Custom Post Types - Live Coding With Jesse
2017-06-07React: WordPress API Live Search - Live Coding with Jesse
2017-06-05React: Masonry Layout Part 2 - Live Coding with Jesse
2017-06-05Graphs: breadth-first search - Beau teaches JavaScript
2017-06-02Load Balancing: SSL Passthrough Setup - Live Coding with Jesse
2017-06-02try, catch, finally, throw - error handling in JavaScript
2017-06-01Load Balancing Digital Ocean Droplets - Live Coding with Jesse
2017-05-31React: Masonry Layout - Live Coding with Jesse
2017-05-30React: Setting Up Google Analytics - Live Coding with Jesse
2017-05-26Post Launch Updates - Live Coding with Jesse
2017-05-25Last Minute Updates - Live Coding with Jesse
2017-05-24Browser and Device Testing - Live Coding with Jesse
2017-05-24setInterval and setTimeout: timing events - Beau teaches JavaScript
2017-05-23React: Dealing with jQuery Issues - Live Coding with Jesse
2017-05-22React: Parameterized Routing with Next.js - Live Coding with Jesse
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


Tags:
learn to code
programming
coding
javascript
web development
web design
tutorial
python
android
security
testing
coding tutorial
javascript tutorial
web development tutorial
html
css
design
html tutorial
css tutorial
learn to program
learn how to code
learn how to program
get a programmer job
get a developer job
python tutorial
android tutorial
linux
learn programming
learn coding
linux tutorial
learn linux