Complete React Developer in 2021 (w/ Redux, Hooks, GraphQL)
Just updated with all new React features for 2021 (React v17).
Reddemy may receive an affiliate commission if you enroll in a paid course after using these buttons to visit Udemy. Thank you for using these buttons to support Reddemy.
Reddit Posts and Comments
0 posts • 32 mentions • top 23 shown below
594 points • ProgrammingWithPax
Frontend Web Developer Roadmap: Everything you need to know to get started
If you're feeling lazy and would prefer to watch a full video summary, one is available here. Let me know if you have any feedback!
What is frontend web development?
It is using code to create the visual part of a website. The content, the colours and positioning, as well as the logic that is on a page, such as submitting a form. That's frontend. The other part is 'backend', which is everything related to the database and network; the non-visual things that are going on behind the scene.
Different routes to learn web development
CS Degree: The first is a degree, through either a university or college. This offers strong foundational knowledge in computer science, which can be very helpful, especially in certain areas of programming. However in my experience, this understanding of computer science is not necessary in order to get your first web development job and you can learn all of the theory and nitty gritty details of computers while on the job. Additionally, getting a degree is also a very long process, so 3-4 years, it's also extremely expensive - and the majority of it won't be focused on web development.
Bootcamp: Next -3-4 month coding bootcamps (offers good structure and forces you to be fully immersed, but expensive and must be full-time)
Self-taught: Finally -Self taught. What the focus of this guide is. This route offers a flexible schedule and inexpensive, and as long as you have the right set of online courses and curriculum set up for you, I believe it is the best option. Getting your first web development job is not about what certificate or degree you have. In most cases, it is a meritocracy - that is, if you have the skills to do the job, you can get the job.
How long does it take to be job ready? 4-12 months.
Outline a timeframe which you are able to dedicate towards learning web development(3, 6 or 12 months) and create a schedule around it. This way you can track your progress and hold yourself accountable if you set a specific date to, such as finishing a specific course or start apply to jobs. Whether it is 3 or 12 months, the only thing that changes is how much time per week you are able to dedicate towards learning this craft. If it is 3 months, you'll need to be working 12+ hours per day, and for 12 months, maybe 2 hours per day. The key is coding daily, so you can immerse yourself.
It's also important to stick to one programming language, based on the job you're wanting to get. Don't get distracted by other languages. They're fantastic, but your focus needs to be on the core frontend stack. You don't want to be a Jack of all trades, but master of none. You need to get vertical proficiency, not horizontal - and you get that by practicing that one thing, daily.
What do you need to learn?
Redux is a state management library. Angular, React and Vue all have their own variations of Redux. When your application gets bigger and there are lots of different parts with their own data, Redux acts as a centralized memory for all of your different UI components to read from. It acts as a single source of truth so that everything stays organized.
Also need to be familiar with the version control technology Git (allowing you to 'save' your app at a specific point, roll back to it if necessary, and share the code online to others using Github or Bitbucket).
May also be helpful to know the basics of SASS (CSS wrapper, giving you more utility. It is still CSS, but just some extra tools which can be huge time savers). Along the way, you'll also need to learn basic terminal commands, using NPM packages and the build tool Webpack. You should also be familiar with the basics of Agile methodologies, which is a management style that a lot of development teams work in. If you're familiar with the very basics, then it will be an easier transition for you to join a dev team, and hiring managers will know that as well.
So, what resources can you use to learn all of this? I found that between YouTube and Udemy, you can learn everything required. I am going to leave a list down below with a list of Udemy courses you can pick up for $15 (when on sale). Each course is about 20-30 hours and it will teach you the required fundamentals. I'm not affiliated with these courses and make no money on it. I simply know the instructors are excellent and am sure they are high quality courses.
Once you've completed a these courses and have built a few projects
After that, it is all about getting your first job. I am going to create posts (and videos) on each of these points, because they deserve a post of their own.
In short, you'll need to have a great resume which highlights your love for web development, while also emphasizing how all of your previous job experiences has guided you towards this new career path.
Have a GitHub with your own projects on it, as well as some of the work you've done while learning along the way. Build out a portfolio website which highlights the projects you've build and the skills you have. You can host your portfolio and projects for free on GitHub Pages.
Consider doing 1 or 2 freelance jobs(even if it is just for friends or family), where you're working with a real client, with a real deadline. This will be good practice for you, and will show your future employer that someone has already trusted you, and that you delivered.
Familiarize yourself with LinkedIn, Indeed and Glassdoor - and start applying for 3-5 jobs per day. I did this for an entire month, had a few interviews and then landed my first job. It can take a few weeks, or a few months - eventually you will get your first opportunity. Getting your first job is the most difficult. Once you have worked somewhere and have some experience, finding your next job will be a lot easier.
On a final note, learning code is not easy. There will be roadblocks and it can be a difficult grind at times. Remember that the path you are on now is worth it and can get you to the place in your life where you really want to be, whether that is career satisfaction, ability to work from anywhere in the world, or financial freedom.
Thank you for your time! Consider checking out my YouTube channel, as I'm posting weekly now with videos specifically for frontend developers who are just starting out. Available here.
2 points • MrAwesomeFerreira
I'm almost finishing this one and it's really good! It's pretty in depth and updated.
The only thing that might be a con (or a pro, depends on your perspective) is that instead of building multiple projects you work on just one. When it comes time to implement things such as hooks or Apollo you basically clone an older version of the project and use these new features. This approach is nice because it lets you see how the same thing can be accomplished with different technologies but it might be boring if you don't like to work on the same project for too long.
Still, I highly recommend it!
1 points • esmdg
do you have an applicable coupon for this one, please? XD
1 points • c_eliacheff
Since there is no react links for now: Complete React Developer in 2020 (w/ Redux, Hooks, GraphQL).
Build a really big application with latest technologies and ES standards !
1 points • surprisedWater
I can help with the react side of things. This course builds an e-commerce site using react and redux. It'd be better if you had a previous understanding of react to begin with. You can look at the final website made and decide if this is for you. The redux section is going to take some time to wrap your head around so don't lose hope there.
The more important question is whether you want to learn react in the first place or not. Look around at different libraries like react, angular, vue etc on youtube and then decide what you like. All the best
1 points • KeetHarry
This one https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
You are going to like. I like the way they teach you. Before they explain things to you using presentation and they show it in a real projects. And explain almost everything.
Or Brad Traversy React Front To Back. Brad is always good as f
1 points • ChiefKoshi
Here you go; https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
It's not a React Native course but it will teach you everything you need to learn about react. All this knowledge translates over to React Native in the end.
1 points • djohal22
2 points • jones-macallan
This one is, in my opinion, one of the best courses: https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
2 points • SpaceTurtGuy
1 points • imrishav
Stephen’s courses are like godsend. Easy to understand. No fancy techniques, just simple plan diagrams does the trick.
You can go for that.
Apart from that you can also go for the this It has some great explanation on topics such as redux, graphql, react router.
Do also go through this blog blog
Kent the instructor, writes some great articles.
Keep learning & exploring new things. Extra knowledge never harms. All the best!!
1 points • angardia
everything is classes and redux.
only at the end at mastery they have 1 and a half hours about hooks.
all the basics - class
1 points • not_a_gumby
yada yada Stephen grinder and max shwarz-whatever. They're great I"m sure, can't go wrong. However I'd recommend checking out this course which I'm currently blasting through - its incredible so far I feel like I'm really understanding how react is working under the hood. Starts out with 1 easy beginner project and leads you into a massive 36 hour eCommerce site buildout.
1 points • highlypaid
On my actual resume, I have links to Github for Operating Systems Projects and Clothing Empire. The Clothing Empire is a personal project working through this Udemy course. It's not complete, but everything listed on the resume is implemented.
Several companies have reached out but I haven't gotten to an on-site yet. I usually take too long to complete the coding assessments they send me, but I go through spurts where I have companies/recruiters send me assessments and then spurts where they don't contact me for weeks.
I've been applying to LinkedIn, Github Jobs, Indeed, a few others. Haven't applied much in the past few weeks because grad school has been intense and i want to get my personal website up using Gatsby and launch with at least two blogs posts.
I also have a ton of LinkedIn recruiters reaching out to me for senior engineer positions which is really odd. But then when I tell them I don't have a lot of experience they generally ghost me.
All the other words besides anonymous contact info and anonymized titles is pretty much how it actually looks on my resume as of now.
I just moved out here to SF a few months ago, does anyone have any advice on the best way to quickly find work as a junior developer? I'd really appreciate some advice on how to improve.
Here is my anonymized resume: https://imgur.com/a/a80SmyK
1 points • FujiToday
If you're into React, I'd recommend this course:
1 points • chris1666
If its free go for it, if you dont have that much experience then you can learn more. Since you mentioned react I listed something below and his web dev course.
1 points • JuanPablopiano
I recommend you this course by Andrei Neagoie and Yihua Zhang https://www.udemy.com/course/complete-react-developer-zero-to-mastery/ . It's really cool, it covers the basics and some more and you'll learn by creating a project. It can become a little overwhelming sometimes but you can also read documentation or some youtube basic tutorial to reinforced what you learned (or practice it on your own).
Also this one, another super popular react course by Maximilian Schwarzmüller. https://www.udemy.com/course/react-the-complete-guide-incl-redux/ great instructor also, and a project that'll help you learn the basics too.
1 points • NoviceJavaProgrammer
Maybe one of these courses will help you get on a more structured path towards specializing.
1 points • bradypp
I've done quite a few courses on both react and node. I recommend learning react first with this course:
And for more depth on a larger project this:
Then node with this:
Finally, learn how to make a full stack app and interact between the front end and backend with this:
2 points • BaciuNess
What's the best udemy course of React? 2020
I like courses that you build projects.
I searched and found this top 3 courses:
Maximilian Schwarzmüller: https://www.udemy.com/course/react-the-complete-guide-incl-redux/
Andrei Neagoie, Yihua Zhang: https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
Stephen Grider: https://www.udemy.com/course/react-redux/
What do you recommend? Thanks in advance :)
1 points • RedditEthereum
I'm an unemployed 38 year old marketer wanting to switch to webdev.
- I have a weak immune system and stay indoors most of the time;
- I have 6 months of cushion money, to use that time wisely;
- I took a Coursera Python course in 2013 (?) and remember the basics;
- I know HTML and CSS as I had to edit WordPress sites frequently.
I put together a learning path, your feedback is appreciated:
HTML & CSS
Build Responsive Real World Websites with HTML5 and CSS3 - Jonas Schmedtmann
Advanced CSS and Sass: Flexbox, Grid, Animations and More- Jonas Schmedtmann
The Complete Node.js Developer Course (3rd Edition) - Andrew Mead, Rob Percival
Complete React Developer in 2020 (w/ Redux, Hooks, GraphQL) - Andrei Neagoie, Yihua Zhang
Bonus (follow along)
The Complete Web Developer in 2020: Zero to Mastery - Andrei Neagoie
Learning to Learn [Efficient Learning]: Zero to Mastery - Andrei Neagoie
1 points • codebrother1
It comes down to learning style! I'm self-diagnosed ADHD, so my learning style changes, so I bought them all. I would say any of these are great. I think they are all kind of neck and neck. The biggest thing is it comes down to updates and Q & A support.
1 points • lmneozoo
Warning, long post.
As for curriculum, I suggest following the freecodecamp curriculum, and supplement it with udemy courses.
Here are my recommendations assuming you have never written a line of code in your life. Below is essentially enough to get started as a full stack developer.
The Web Developer Bootcamp (start and complete after you finish responsive webdesign section on freecodecamp)
Will get you off the ground with the basics of HTML CSS and JS.
At this point, I suggest signing up for Codewars to practice solving coding challenges.
Begin Front End Libraries section on freecodecamp and work through until you complete react.
The Modern React Bootcamp (Hooks, Context, NextJS, Router) (Complete after you complete the react section on freecodecamp):
Will give you a strong introduction to react.
Complete the rest of the front end section
Complete React Developer in 2019 (w/ Redux, Hooks, GraphQL) (complete once front end section is completed)
Begin and complete the JSON and ajax under Data Visualization section on freecodecamp...unless you want, the other points are not too necessary here.
At this point you should be able to build something on your own with the help of google. Build a personal site, blog, or what ever else interest you. This is about 3 months in working 40 hours a week. I just started learning firebase (product from google), and its pretty simple to host react apps there so take a look at that service.