React: Server Side API Calls with Isomorphic Fetch - Live Coding with Jesse

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


Duration: 1:11:53
7,526 views
84

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

I am going to make API calls on the server side using an implementation of fetch that works in Node. The API data can then be incorporated into the markup that is rendered server side. That means that search engines will see all of that content from the API!

Repo: https://github.com/fus-marcom/ci-react

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

-


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-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
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


Tags:
learn to code
help nonprofits with coding
learn react js
learn basics of computers
ReactJS
NextJS
NodeJS
Server Side Rendering
API
FetchAPI
JavaScript
Front End Developer
Web Developer
Live Coding
Livestreaming