React-Redux Roadmap Zero to Advanced: Part 1 🚀

Rohan G — Tue, 19 Jul 2022 13:30:16 +0000

I know a lot of blogs, videos, channels are available for new React Developers to learn. Here is my recommendation to grasp React concepts at the speed of light....
Front End Development Roadmap (React)

Basic HTML, CSS, JS -

Mimo App: Learning to code can be easy and fun. Start learning now! (getmimo.com)
Beginners can use this app to build your basic foundation on HTML, CSS, JS. Backend developers who deliberately suck at front-end can also use this app to get clarity on the basics.

JavaScript -

The Complete JavaScript Course 2022: From Zero to Expert!
Learn Modern Javascript (Build and Test Apps) - Full Course | Udemy
You can master JS or use this course for understanding JS in depth! If you want to learn any JavaScript based Framework or Library, please get your hands dirty with all important concepts in JavaScript.

Now let us come to some free stuff i.e. Youtube Channels

Codevolution - Vishwesh covers many concepts in Front end Development. His explanation is very simple, structured and concise. I have added many links from his channel in this blog.
I would recommend to go through Advanced JS Series

ES6+ (Modern JavaScript)

Programming with Mosh-
I really love Mosh's videos. The problem now is they are old and many concepts are deprecated. But I would recommend ES6 Concepts from this channel.

Another good one for ES6+ Concepts is

freeCodeCamp.org-
Very popular community youtube channel! Go through this for ES6+ concepts!!!!
Brush up ES6 concepts they are very important for React development

Enough of Pre-requisites. Let's come to the point!

React JS -

Explore Main concepts and Advanced Concepts from official website of React!

One of the popular course is
React - The Complete Guide (incl Hooks, React Router, Redux)
Warning: The projects use React 16!!!

Complete React Developer in 2022 (w/ Redux, Hooks, GraphQL)

***React 18 has deprecate many things so you can enroll in other updated courses as well!*

React Hooks and Stuff:
PedroTech -
Get started with React Hooks on PedroTech in one shot!

Few amazing React Crash Courses:
Traversy Media - React JS Crash Course -
This crash course includes basics implementation in less than 2 hours. After this you can start building basic projects for your developer portfolio in React.

Academind- React Crash Course for Beginners 2021 - Learn ReactJS from Scratch in this 100% Free Tutorial!
This is also for beginners but includes Routing, Context Api, useEffect, many more things...
**Please check React 18 Documentation and skip the deprecated part of these crash courses!!!!!

Redux

Codevolution- React Redux Tutorials - 1 - Introduction -
The videos were published in 2019. But I would still recommend it as many beginners find Redux challenging. Here you need to actually code along with the series or apply on your personal project.

Redux Toolkit

Codevolution Redux Toolkit-

Redux Toolkit is becoming popular and developer's favorite due to reduction in the boilerplate code that comes with the Toolkit. Step by step you can master Redux Toolkit by completing the series!!!

All the best!.....Comment if the blog helped you and also if your are excited for the Part 2!!!

Version Control in Real World projects(Git Workflows)

Rohan G — Mon, 27 Jun 2022 08:03:58 +0000

In this article we will see how to decide which Git Workflow is the best for your project!

You can also visit Git Workflow | Atlassian to know more about popular git workflows.

I feel practically implementing Git Workflow is always a modified version of common workflows like Centralized Workflow, Feature Branch Workflow, Trunk-Based Workflow....etc.

Let us see the important parameters that are crucial while designing a Git Workflow for your project.

Team Size- "too many cooks spoil the broth!"
The code maintenance and management becomes challenging and is directly dependent upon the number of developers working on a project. For instance, if the team size is just 2-3 developers or working alone, a centralized workflow can be a suitable option. Tasks like code reviews, branch policies setup, code quality check and so on are not applied in this approach. However when you need to manage large teams, it is necessary to create multiple branches.
Developer's Forte "Less efficiency more work!"
It is important to understand the overall efficiency of the team. I would put it this way...
More Junior Developers----> Complex Version Control
In this scenario, senior developers closely monitor the work done by juniors. Stricter control is required before merging the code to the master or release branch.
More Senior Developers----> Simple Version Control
Expert developers can just maintain a single branch iterating quickly as the requirement comes up. This is nothing but Trunk-Based Development or Trunk Based Workflow where you maintain just master and release branches.
Proof of Concept(POC) or Established Product-"Start easy finish strong!"
In very initial stages or while working on POCs creating multiple branches like dev, feature, release, etc is completely redundant.
In this phase generally the customer frequently requests for a fundamental change in the requirement. Start with a simple workflow and as the product grows improve your design. Just make sure you have an efficient collaboration.
In case of an established product it is better to maintain some long-lived branches like dev, release, feature for efficacious management following workflows like Gitflow Workflow. You can definitely modify it as per the requirement.
Note: Long lived branches have a higher risk of merge conflicts, best to keep your features small.

I have just discussed the most important ones.....there are many more!

Trunk- Based Workflow is considered as the DevOps best practice and also very popular today!

But what is popular is not always the best option! All the best! Keep on enhancing your workflow with time!

DEV Community: Rohan G