Today I am very excited to finally release React 101 to everyone.
What is React 101?
React 101 is a free online course for anyone who has a basic knowledge of React and wants to learn how to build 3 practical React components from scratch.
Who is it for?
If you have already watched some of my React Tutorials on YouTube you will be very comfortable inside of React 101.
What will you learn?
By building 3 practical React components from scratch, you will learn:
- How to render child of a component.
- How to use Fetch API to load data for your app.
- How to save data to localStorage.
- How to filter through data.
- How to render a dynamic dropdown.
- And much more!
SIGN UP NOW!
Spread the word
Help to spread the word by retweeting the following tweet or share React 101 on your favorite social platform.
Any questions of feedback?
Do you have any other questions or feedback?
And what is your experience with React? (A-beginner, B-intermediate, C-Pro)
Let me know in the comments.
Are you wondering what will you learn in the React 101 and React Workshop online courses?
Here is a sneak peak of the two demos, that we will build step by step using React.js.
Go to React 101 Go to React Workshop
React Workshop Preview
And here are the links to the demos mentioned in the video:
In this React Currency Converter demo you will learn:
- how to load data from JSON object
- how to loop through data and render dynamic components
- how to use React state to update the necessary parts of your app
- and much more.
Real Estate Property Listings
In this React Google Maps demo you will learn:
- how to render dynamic list based on a JSON object
- how to render and update Google maps
- how to filter through data and update state based on multiple filters
- and much more.
What do you think about these React demos? Do you have any questions related to the upcoming React 101 and React Workshop courses? Let me know in the comments.
Don't miss the launch!
Do you want to be notified when the new courses are launched? Signup below.
No spam, Unsubscribe at any time.
Are you getting this annoying
experimentalDecorators warning in VSCode? I have spent a few hours before finding a solution, I hope this will save you your valuable time.
To save you some time I’ve put together this handy collection of useful React code snippets.
In the previous article we’ve learned how to create basic shapes using Pixi.js, now lets look at how to work with images.
As we’ve discussed in the HTML5 Canvas Guide, there are a few libraries out there that are worth looking into if you want to create something interactive with HTML5 Canvas.
Have you ever wanted to spice up your website with some interactive elements, but didn’t know which library to use or where to start?
An increasing number of top websites are leveraging the power of
HTML5 Canvas elements to render some pretty cool effects.
If, like me, you’ve always wanted to create something cool with
canvas, keep reading.
Great day out with the wife, Val Head and her dad.