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

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!

-

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.

[nunomiguel]

Really cool lives, im loving it. keep up the great work.

[OneBrighDay]

You asked for suggestions about the overlay. I would suggest removing the overlay and adding a drop shadow to the text. So make the text white then adding a text-shadow like 2px 1px 0px rgb (107, 107, 107); that will make help.

[prachigarg]

I have a doubt and would appreciate some help with this. I am working on a universal/isomorphic react application and would like to use reactReferer library but there is not a lot of documentation on it and there are certain problems that I am encountering. Firstly, the referer url is equal to my current url. Secondly, I am unable to console log the referer value on reload. What other than this can I use to access HTTP header? And what am doing wrong with this current solution?

My useCase - I am building a back button and I have no information or access to the entry points of my application. Now, if a user directly comes to the subpage of my application, I want that by clicking on back I am able to set a default URL rather than going back to the browser. I am using class component and to do this i was currently using withRouter HOC

[LouieBlankenhorn]

There are so many resources available...I'd be interested in some of the sources that have helped you the most.

[kirillpavlovskii]

Does isomorphic fetch replace fetch in purpose that fetch is not supported in old browser? I wanna use it just in browser not in node, bit in afraid my users will use old browser

[treatday]

Can this SSR call be made without using fetch? Unfortunately I need to still have IE compatibility.

[oshanshrestha]

Jesse! I have been thinking about importing all supplement css in one master css file (with @import('') of course) and link only master to the .js pages. What negative or positive effects would that have on my site? I'm not sure if that's even gonna work, though. But I am positive about it.

[harshadhparulekar]

Do share some links for learning ES6 and the learning materials you used for your coding journey. Especially for JS, NodeJS and React