Category Archives: Web development

React 101

React 101 – Now Available

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.

React 101 target audience - advanced beginners to intermediate

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.

React Workshop - advanced React.js tutorials

React Workshop – Content Preview

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:

Currency Converter

React Currency Converter

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.

VIEW DEMO

Real Estate Property Listings

React Google Maps

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.

VIEW DEMO

Conclusion

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.

A Guide to HTML5 Canvas JavaScript Libraries

The Guide to HTML5 Canvas JavaScript Libraries

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.

Continue reading