Good resource who for mapping your roadmap to learning React.js.
https://roadmap.sh/react

checkout this new video from fireship about docker in 100 seconds

https://youtu.be/Gjnup-PuquQ

Ben Awad, just released (3h ago) a 14 hour tutorial where he goes through building a fullstack project from scratch, check it out

https://youtu.be/I6ypD7qv3Z8

check out this repo

https://github.com/bradtraversy/design-resources-for-developers

—

The complete guide of Routing in React

» » Routing in React JS
https://www.cluemediator.com/routing-react-js

» » URL Parameters with React Router
https://www.cluemediator.com/url-parameters-with-react-router

» » Nested Routes in React JS
https://www.cluemediator.com/nested-routes-react-js

» » Multiple parameters with React Router
https://www.cluemediator.com/multiple-parameters-with-react-router

» » What’s new in React Router version 6
https://www.cluemediator.com/whats-new-in-react-router-version-6

—

—

Step by Step guide to implement Redux with example


» » How to implement redux in React.js
https://www.cluemediator.com/how-to-implement-redux-in-react-js

» » API call in React with Redux using redux-thunk
https://www.cluemediator.com/api-call-in-react-with-redux-using-redux-thunk

» » How to reset the state of a Redux store
https://www.cluemediator.com/how-to-reset-the-state-of-a-redux-store


💻 Sharing is Caring 💻


—

https://jgthms.com/web-design-in-4-minutes

not click-bait

Check this one out (just 1 hour)

https://youtu.be/IaJqMcOMuDM

for those preparing for tech interviews

https://www.fullstack.cafe/

Some really nice posts he has on React which can clear many basics of people started Newly with React

https://instagram.com/anotherwebguy?igshid=15a8t0zbi8e7w

One of the most difficult thing while building an app/webapp is the UI. If you look at programming, it's all logic, if I tell you that 2 + 2 = 4, then you can easily answer 2 + 10 (hint: 12). But if you look at designing/building UIs, there is no logic. It's all subjective.

That doesn't mean you should design shitty UIs. So, the first thing you should do is 'recognize good design and bad design'. Go to dribble or any other site, look at the apps that you are using on a daily basis, what you really like about them. Is it the color scheme? rounded borders? subtle background shadows? font choices? etc.

You can devote sometime pondering over the below mentioned topics:
1) spacing (padding, margin)
2) rounded corners (border-radius)
3) font choices (Montserrat, Fira Sans, Roboto)
4) subtle background shadows (box-shadow)
5) fluid layouts (flexbox, grid)
6) colorscheme (background-color, color)
7) subtle animations (remember, you are not competing with Pixar so use subtle animations)
8) Use a design tool: Figma (browser based and free YAY!!!)
- faster prototyping
9) accent color for you app/site (Netflix: red, Flipkart: Blue, Telegram: Sky Blue, UberEats: Green)
10) learn css fundamentals (positioning, block/inline elements, stacking order, specificity, inheritance)
11) Iterate, Iterate, Iterate.....................

some resources that you may find useful:
1) Refactoring UI 💥 https://refactoringui.com/ (DM me for the pdf if you can't afford)
2) Brad travery design resources repo 🗯 https://github.com/bradtraversy/design-resources-for-developers
3) YT channel 📺 https://www.youtube.com/user/DesignCourse
4) Twitter thread 🕸 https://twitter.com/i/events/994601867987619840
5) Dribble 🧠 https://dribbble.com/
6) UI design daily: 🎨 https://uidesigndaily.com/
7) subreddit: 🚀 https://www.reddit.com/r/web_design/
8) For learning css 🧘: https://css-tricks.com/

kakashi:
Our react/nodejs group has been banned by copyright infringement. Please join this new group here.

React.js | Node.js | India 🇮🇳
https://t.me/devs_india

@EVERYONE, PLEASE READ THIS !!!


Some people (from bytescare) purposely reported our react india group and got it blocked. so we decided to not rely on telegram solely hence we created 2 discord groups and new telegram group. i request everyone to join them.

--
Our new telegram group

React.js | Node.js | India 🇮🇳
https://t.me/devs_india

--

Focus on multiple technologies, like spring boot, golang, nodejs, microservices, distributed systems and DSA

https://discord.gg/CGeYNEq7H8

---

Focuses on react, nodejs, javascript

https://discord.gg/BXmM2xfdWk

---