Forem

Cover image for I'm a professional React developer, and here's how I set up React/Node.js Microservices using Docker and GraphQL. #1
Better Coding Academy
Better Coding Academy

Posted on • Edited on

163 36

I'm a professional React developer, and here's how I set up React/Node.js Microservices using Docker and GraphQL. #1

Update: Part 2 is out!

About Me: I've been a professional web developer for just over 10 years now. I'm currently the lead web development instructor at Better Coding Academy, and as part of what I do, I post videos on our YouTube channel at https://www.youtube.com/c/BetterCodingAcademy.

(Subscribe for awesome web development content!)

This is part 1 in a full tutorial on how to set up a React/Node.js app with a microservices architecture. In this project, I make use of:

I hope you enjoy!

Happy coding!

Full source code: https://github.com/parkroolucas/microservices-demo

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more →

Top comments (13)

Collapse
 
mattmazzola profile image
Matt Mazzola • Edited

Excited for the series. Any reasons you chose MySQL over something else like MongoDB. I've been using the free tier of Atlas Mongo DB service for most of my projects because I thought local setup of DB would be too difficult, but using Docker like this makes it look easy and cause me to rethink.

Also, would say your keyboard is very loud and distracts from your voice. I suspect you have Blue keys :D. Maybe reposition mic to lessen sound. Anyways, it's minor, thanks for sharing.

Collapse
 
bettercodingacademy profile image
Better Coding Academy

I use MySQL because my data is relational in nature. Switching to MongoDB is relatively trivial, and I have used it before in the past - however, I just went with MySQL here as it makes more sense given the data I've chosen.

I suspect you have Blue keys :D.

Guilty as charged - I have Cherry MX blues ;)

Collapse
 
lampewebdev profile image
Michael "lampe" Lazarski

What are you usuing for authentication ?

Collapse
 
bettercodingacademy profile image
Better Coding Academy

Stay tuned for the next few episodes, coming right up ;)

Collapse
 
barbadurkel profile image
barbadurkel

Subscribed! :)

Collapse
 
kumareth profile image
Kumar Abhirup

Wow... You are godly.. Happy Xmas

Collapse
 
bettercodingacademy profile image
Better Coding Academy

Merry Christmas to you too!

Collapse
 
dance2die profile image
Sung M. Kim

I really like where this is going :)

Any prerequisite knowledge needed to follow along?

Especially for "docker", how much should one know of/about it? :p

Collapse
 
bettercodingacademy profile image
Better Coding Academy

This definitely isn't a deep-dive video series, but I try to cover everything I do to a certain level of detail :)

Collapse
 
rizkyrajitha profile image
Rajitha Gunathilake

very good tutorial sir. thanks.

Collapse
 
krzysztofczaplejewicz profile image
Krzysztof Czaplejewicz

Will it cover multiple react apps? And topics like a code splitting etc?

Collapse
 
ajkatom profile image
ajkatom

Hey,

was wondering why do you prefer import over require on the server side

Collapse
 
agunescu profile image
agunescu

Why not push the images build with Docker on ECR, why did you switch at the end?

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more