DEV Community

Cover image for Software Developer Workflow 2020 (MERN Stack)

Software Developer Workflow 2020 (MERN Stack)

Andrew Baisden on July 14, 2020

Useful Tools and Frameworks ESLint - Pluggable JavaScript linter Jest Β· πŸƒ Delightful JavaScript Testing React Testing Library Β· Testing Library...
Collapse
 
ucheuzor profile image
ucheuzor

Also learning the MERN Stack. Am actually focusing on Frontend. I was really struggling to understand to connect front end app to the server. Fetching data from an API. That led me to learning the MERN stack. Everything just made sense to me how it all connects. Will definitely be doing more MERN stack projects

Collapse
 
andrewbaisden profile image
Andrew Baisden

I was like that too don’t worry it’s all part of the learning process. I started off with frontend too and for years my knowledge in node was basic. But it’s actually quite simple when you realise that it’s just Javascript on the backend. Connecting the frontend to a mongodb database is also simple as is doing the CRUD requests. I will have a post tomorrow that shows how to create a simple MERN app with CRUD functionality.

Collapse
 
ucheuzor profile image
ucheuzor

Alright. Thanks. I will be expecting that.

Collapse
 
samuelojes profile image
DGAME

Same here having this issue, backend cool but how to connect to frontend react and distribute in components been a headache

Collapse
 
andrewbaisden profile image
Andrew Baisden

Check out this post I made it shows you how to do that Node and React Router Dynamic API Routes

Thread Thread
 
samuelojes profile image
DGAME

Thanks just saw it πŸ’ͺ would go through it.

Collapse
 
stlnick profile image
Nick

I'm currently studying the MERN stack so it's cool to see a post on it. Also, this is a great boiled down roadmap on what to do from start to finish on building an app.

I haven't ever used or even really looked into CI so I'm definitely taking a look at the links you have.

Thanks and great post!

Collapse
 
andrewbaisden profile image
Andrew Baisden

Sure no problem there is more to come I have another MERN stack post for tomorrow.

Collapse
 
edumenu profile image
Edem Dumenu

This is very helpful! I recently started using MERN stack and I'm enjoying it so far. My only problem is with testing. I've tried using Jest and React testing library a couple of times and I still don't get it. It takes me forever to test my apps, do you have any good resources I could check out? Great post by the way!

Collapse
 
andrewbaisden profile image
Andrew Baisden

Sure check out this new post I created. It has links to courses which have TDD/BDD dev.to/andrewbaisden/useful-course...

Collapse
 
edumenu profile image
Edem Dumenu

Thanks!

Collapse
 
machineno15 profile image
Tanvir Shaikh

Waiting for your nexn post on MEAN Stack.
I'm too learning it. I have a question , I'll highly appreciate if you answer .

Can i deploy my react app (production build) locally on windows/linux with local server?

Thanks

Collapse
 
andrewbaisden profile image
Andrew Baisden

Yes as long as they are static files they can be deployed to any serverless server.

Collapse
 
yougotwill profile image
Will G

Nice breakdown. Thanks for posting!

Collapse
 
garretharp profile image
Garret

TSLint is deprecated should probably remove it and stick to ESLint.

Collapse
 
andrewbaisden profile image
Andrew Baisden

Thanks I updated it.