# Best tutorial for react and express

**URL:** <https://forum.freecodecamp.org/t/best-tutorial-for-react-and-express/164944>\
**Category:** General\
**Created:** [December 22, 2017, 2:50pm UTC](https://forum.freecodecamp.org/t/best-tutorial-for-react-and-express/164944 "2017-12-22T14:50:15Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![amouratoglou](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/amouratoglou/32/74977_2.png) [@amouratoglou](https://forum.freecodecamp.org/u/amouratoglou)\
**Post date:** [December 22, 2017, 2:50pm UTC](https://forum.freecodecamp.org/t/best-tutorial-for-react-and-express/164944/1 "2017-12-22T14:50:15Z")

</div>

Hey guys, I Have been researching online a lot on how to set up a node react express app / site. let’s say a good starting point would be a blog. I haven’t been able to find a precise tutorial, if you know one please point out!

---

<div class="post-metadata">

**Author:** ![JamesRea83](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jamesrea83/32/65434_2.png) [@JamesRea83](https://forum.freecodecamp.org/u/JamesRea83)\
**Post date:** [December 22, 2017, 3:30pm UTC](https://forum.freecodecamp.org/t/best-tutorial-for-react-and-express/164944/2 "2017-12-22T15:30:25Z")

</div>

Good timing, this is something I’ve been looking at this week!

I’ve decided on using React for my next back end project, and this is the tutorial I’ve used to get off the ground-

[https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/](https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/)

I’ve had trouble getting it to work in cloud9 though. You basically need to have two servers running simultaneously, one for express on the backend and a react dev server for the front end. I’ve got around that by splitting it into two separate cloud9 projects, but then I had to use a CORS module on the backend server to get them to actually talk to each other… yeah everything is a rabbit hole 😆

I think it should be a bit simpler if you just set it all up to run locally though. Going to have a bash at that over Christmas!

---

<div class="post-metadata">

**Author:** ![username1001](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/username1001/32/72268_2.png) [@username1001](https://forum.freecodecamp.org/u/username1001)\
**Post date:** [December 22, 2017, 10:53pm UTC](https://forum.freecodecamp.org/t/best-tutorial-for-react-and-express/164944/3 "2017-12-22T22:53:52Z")

</div>

There is very little to actually find on React, it seems; most are paid courses. But, by far, the best tutorial I have stumbled upon isn’t much of a tutorial at all, but a live coding session. Though, i coded along with him and treated it as a tutorial.

[![](https://img.youtube.com/vi/NO2DaxhoWHk/maxresdefault.jpg "Build Real Web App with React #01") ](https://www.youtube.com/watch?v=NO2DaxhoWHk)

You will build a full-stack application, and learn so much stuff throughout these videos, including:

> React/Redux  
> Node/Express  
> MongoDB  
> Semantic-UI-React  
> Routing  
> Local Storage  
> JWT (JSON web token)  
> bcrypt (password hashing)

There’s a lot of material to digest, above is just some of the material that I remember off the top of my head. The only “down-side” is that this _tutorial_ is really fast-paced.

---

<div class="post-metadata">

**Author:** ![NguyenDa18](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/nguyenda18/32/103726_2.png) [@NguyenDa18](https://forum.freecodecamp.org/u/NguyenDa18)\
**Post date:** [October 28, 2018, 9:19am UTC](https://forum.freecodecamp.org/t/best-tutorial-for-react-and-express/164944/4 "2018-10-28T09:19:42Z")

</div>

Hi James, I’ve been wanting to develop a react app with express backend (MERN) purely in cloud9 as well. Could you give specific steps for how to hook the two apps together? For instance enabling CORS to the backend then deploying on a service like Heroku, then specifying what the proxy for the React app should be? Interested in knowing how deep the rabbit hole is, because I spent the past two days trying to figure webpack host and proxy config and CORS and all that haha  
FCC says you’re an active user so I hope you can respond soon -thanks!

---

<div class="post-metadata">

**Author:** ![lubodrinka](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lubodrinka/32/158618_2.png) [@lubodrinka](https://forum.freecodecamp.org/u/lubodrinka)\
**Post date:** [October 28, 2018, 10:02am UTC](https://forum.freecodecamp.org/t/best-tutorial-for-react-and-express/164944/5 "2018-10-28T10:02:43Z")

</div>

quick lo here

> **[Build a Technical Documentation Page](https://codepen.io/vanderdrilu/pen/Nzjabb)**
>
> ...

> **[React JavaScript Tutorial in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial)**
>
> React JavaScript tutorial showing IntelliSense, debugging, and code navigation support in the Visual Studio Code editor.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 5:13pm UTC](https://forum.freecodecamp.org/t/best-tutorial-for-react-and-express/164944/6 "2021-01-16T17:13:43Z")

</div>


