DEV Community

Cover image for I'm a professional React developer, and here's how I create GraphQL Microservices Using React, Node.js, Docker and MySQL. #9
Better Coding Academy
Better Coding Academy

Posted on • Edited on

20 10

I'm a professional React developer, and here's how I create GraphQL Microservices Using React, Node.js, Docker and MySQL. #9

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 9 in a full tutorial on how to set up a GraphQL Microservices-powered React app. (Here's part 8!)

In this video, I finalised both the frontend and backend, adding in support for adding listings as an authenticated user.

I hope you enjoy!

Happy coding!

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

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (7)

Collapse
 
brucem1976 profile image
Bruce Martin • Edited

Awesome series, thanks - I loved the breadth of tech, frameworks, lib etc used - I learned new things about docker, cookies, Babel, ORM, hooks, forms, GraphQL, redux, express, got, styled-components (even though none of them were brand new to me) and many other things I'm forgetting in the moment :)

Collapse
 
bettercodingacademy profile image
Better Coding Academy

Hahahahaha that's awesome! Glad you enjoyed!

Collapse
 
lampewebdev profile image
Michael "lampe" Lazarski

What part is about authentication? xD

Also dev.to has the option to define a series. I think this would help people to find part 1 if they are new.

Collapse
 
bettercodingacademy profile image
Better Coding Academy

That's an awesome suggestion, thanks for that!

(Authentication would be part 5 😉)

Collapse
 
lampewebdev profile image
Michael "lampe" Lazarski

Thanks I will check that part out :)

Collapse
 
ozkaptanhakan profile image
Hakan Özkaptan

Hi Lucas, Again and again, good video.
I want to curious how to make pagination or fetch new data when scrolling
Could you show us how to make pagination or fetch more data when scrolling?
Thank you.

Collapse
 
mohammedalaa profile image
Mohammed Alaa

Thanks for the amazing series, looking forward for the deployment video :)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs