The following are the best resources for this dive, broken down by beginner, intermediate, and advanced.
This React Resource Handbook Below
Proudly Brought to you by Break Diving, Inc.
It's more fun to study and grow with others! Break Diving (the site you are on now) is a worldwide not-for-profit community focused on helping our 1470 members in 110 countries and 300 world cities to dramatically improve their happiness, success, and friendships. We help you level up, get recognized for your life accomplishments, make new friends, accomplish more, feel AWESOME about yourself, and become the best version of you---and all with other members rooting you on! Apply now and see major positive changes in your life in just two weeks!
React - Resources
Resources
App Academy On Campus
0 Break Diver Votes
Aside from the online App Academy courses, App Academy offers live boot camps in New York or San Francisco. If you're accepted, it's free to attend, and they'll help you find a job at the end, taking a percentage of your first-year salary until the tuition is paid off.
Category: Schools
Skill Levels:
- Beginner
- Intermediate
App Academy Online
0 Break Diver Votes
In a partnership with Break Diving, App Academy offers a completely free full-stack boot camp, all online, that teaches you to be a comprehensive full-stack developer. This could very well take you 1 - 2 years, depending on how fast you work through it, but by the end, you will be a competent programmer. Go for it!
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
- Advanced
Codecademy
0 Break Diver Votes
Codecademy is an online platform that offers both free and paid coding lessons. This link takes you to all the courses covering or related to React. There are no prerequisites, so you don't need any experience prior to starting. You can access the lessons without cost, but the additional practice (projects and quizzes) require Codecademy Pro. However, they refused to help Break Diving and never responded to any of our emails, so think twice before paying them any money.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
CodePen.io
0 Break Diver Votes
CodePen.io is a free open Javascript/HTML/CSS playground that allows you to create multiple "pens" (i.e. projects). You can input JavaScript, HTML, and CSS and see the output of your code. You can even switch the themes between dark and light mode if you want. Definitely check it out! You can also learn a lot by looking at (and following) the pens of other coders.
Category: Other Apps & Websites
Skill Levels:
- Beginner
- Intermediate
- Advanced
Coursera
0 Break Diver Votes
Coursera is an online learning platform that works with universities and companies to offer courses on a variety of academic subjects. There are several React courses offered by prestigious universities, and they consist of videos, readings, and quizzes. The peer-graded assignments and projects help to make the courses a more hands-on experience.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
- Advanced
Egghead
0 Break Diver Votes
Egghead is a group of working web development professionals and open source contributors who provide concise, information-dense video courses on the best tools in the industry. These courses range in difficulty, from helping you build a solid React foundation to teaching you advanced techniques. Egghead courses are designed to teach you everything you need to know to succeed with professional development work.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
freeCodeCamp
0 Break Diver Votes
FreeCodeCamp provides a comprehensive tutorial for the entire React process—from starting off to creating your first program as an online web developer using node.js. It also provides free certifications when you complete different sections. Note: It starts off easy but gets overly difficult quickly with less-than-adequate explanations and instructions as you go. Don't be discouraged—you can start here, but eventually, you need to go elsewhere to fill in the many gaps it leaves. As a side note, they refused to help Break Diving when we reached out and never responded to any of our emails, so better to donate to Break Diving rather than FCC. Also, their online community isn't so friendly. Nothing like Break Diving!
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
Link to YouTube Playlist
Frontend Masters
0 Break Diver Votes
Frontend Masters will help you become an expert in React. The courses dive into advanced topics, such as state management, containers, and accessibility, to help you truly master front-end development. Most courses have free previews, but you'll have to pay to get full access.
Category: Self-Study
Skill Levels:
- Advanced
GeeksforGeeks
0 Break Diver Votes
GeeksforGeeks is a computer science portal for React enthusiasts. These tutorials provide basic instructions as well as explanations of more intermediate concepts and algorithms. Although a bit more challenging than usual, these tutorials are a valuable resource for those who want to get a solid background in React.
Category: Self-Study
Skill Levels:
- Intermediate
- Beginner
Article on React JS
Intro to React - reactjs.org
0 Break Diver Votes
This is the official tutorial for React on the reactjs.org website. It is a tutorial for those who prefer to learn by doing. You will learn the basics by building an interactive tic-tac-toe game.
Category: Self-Study
Skill Levels:
- Beginner
LearnCode.academy
0 Break Diver Votes
LearnCode.academy is a YouTube channel with hundreds of high-quality videos for beginners who want to learn more about React, and many other technologies. Just type in the link and it will take you to their YouTube channel.
Category: Video
Skill Levels:
- Beginner
Programming with Mosh
0 Break Diver Votes
This is a series of YouTube tutorials taught by Mosh Hamedani. Taking you from beginner to intermediate, Mosh teaches you the basics of React by building simple apps. You can access his more comprehensive courses on Udemy.
Category: Video
Skill Levels:
- Beginner
React Native
React Enlightment
0 Break Diver Votes
The open-source React Enlightenment guide is one of the best sites to use throughout your journey. It’s terse but straight to the point. And since it’s open-source, the whole thing is free to read online or download locally.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
React H.A.C.K.ers
0 Break Diver Votes
React H.A.C.K.ers is a worldwide community of programmers who help one another to improve not only as React coders, but also in general areas of life. It's a really unique experience, brought to you by Break Diving (this website you're on now). Come chat and get support from other Break Divers pursuing React as a dive!
Category: Other Apps & Websites
Skill Levels:
- Beginner
- Intermediate
- Advanced
React Notes for Professionals
0 Break Diver Votes
React Notes for Professionals, offered by Goalkicker, is a complete and comprehensive guide, with multiple examples and in-depth explanations on various topics. The books are updated weekly and are downloadable in PDF format.
Category: Textbooks
Skill Levels:
- Intermediate
- Advanced
React Native Notes for Professionals
React Training
0 Break Diver Votes
If you want to learn React from the creators of React Router, this is the place for you. They offer free and paid options at intermediate to advanced levels. If you want to take your React skills to the next level, make sure to take advantage of this resource.
Category: Self-Study
Skill Levels:
- Advanced
Scrimba
0 Break Diver Votes
This tutorial course is the perfect starting point for aspiring React developers. You'll learn all the key concepts while building apps and doing interactive coding challenges along the way.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
SitePoint
0 Break Diver Votes
SitePoint offers an incredible selection of online books, tutorials, and more. You can also buy many of their books online. This is a wonderful repository of excellent tutorials and books that will help you level up your React programming skills.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
- Advanced
SoloLearn
0 Break Diver Votes
SoloLearn offers an introductory course on React (and many other languages) that you can access anywhere, even on your phone! Go through the lessons and hands-on exercises then test your knowledge with interactive quizzes. The site also allows the community to discuss answers to questions and provides an online playground.
Category: Self-Study
Skill Levels:
- Beginner
SurviveJS
0 Break Diver Votes
SurviveJS is an online book meant to help you get started with React and provide an understanding of the surrounding ecosystem. This book teaches you to build a Kanban application and also discusses more theoretical aspects of web development. By the time you complete the project, you'll have a good idea of how to implement React on your own.
Category: Textbooks
Skill Levels:
- Beginner
The Free React Bootcamp
0 Break Diver Votes
The live Bootcamp is finished but all the video recordings are there for you to consume at no cost. It is taught by Tyler McGinnis who is the former Director at DevMountain (a coding boot camp in Utah). He also created Udacity's React Nanodegree program. He also offers a full but paid React course on his website.
Category: Other Apps & Websites
Skill Levels:
- Beginner
- Intermediate
Traversy Media - React
0 Break Diver Votes
Traversy Media features online web development and programming tutorials for the latest web technologies. Brad Traversy is one of the well-known instructors in the web development community. In this React series, he teaches users to develop frontends with React.
Category: Video
Skill Levels:
- Beginner
- Intermediate
React YouTube Playlist
Tutorials Point React Tutorial
0 Break Diver Votes
TutorialsPoint offers a set of very helpful beginner tutorials to introduce you to React and programming in general. Its mission is to deliver "Simply Easy Learning" with clear to-the-point content. No prior knowledge is assumed and the tutorials take care to explain each step in detail. There are also multiple examples that illustrate the concepts being taught, which help to make the concepts comprehensible.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
Tuts Plus Tutorials
0 Break Diver Votes
Tuts Plus offers amazingly detailed tutorials that teach you how to solve specific problems. Difficulty ranges from complete basics to more advanced app building.
Category: Other Apps & Websites
Skill Levels:
- Beginner
- Intermediate
- Advanced
Udacity
0 Break Diver Votes
With Udacity, you can learn the basics (and the nuances) of React through video lessons and interactive quizzes. Industry professionals, mentors, and career coaches are available to help you master essential programming skills.
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
Udemy Courses
0 Break Diver Votes
Udemy is an online learning platform consisting of video tutorials on a variety of topics. This link will take you to the top free React courses on Udemy, but there are paid options as well that offer more than just video content. There are video courses on many topics of React, ranging from total beginner courses to field-specific ones. In addition, each course has a rating, and it is probably best to look for the ones with higher ratings and more users. The second link is a course that teaches you React.js from scratch.
Category: Self-Study
Skill Levels:
- Advanced
- Beginner
- Intermediate
React - The Complete Guide
W3Schools React
0 Break Diver Votes
W3schools is an excellent educational website where you can learn web development and programming languages, such as React. The tutorials mainly consist of readings with examples, plus a small exercise or quiz at the end of each lesson. The website also provides references to React keywords that you may find useful. Definitely recommended!
Category: Self-Study
Skill Levels:
- Beginner
- Intermediate
Wes Bos React
0 Break Diver Votes
Wes Bos is one of the best teachers for modern React. His YouTube channel offers many tutorials for you to learn from. He also offers excellent free and premium courses on his website. Check it out!
Category: Video
Skill Levels:
- Intermediate
Wes Bos YouTube
React - Resources
Why pursue the React dive alone when you can dive in and learn with 1470 new supportive friends in 110 countries pursuing 140 collective dives from 300 world cities? Apply now to join Break Diving!
Apply Now