React Journey

CodeOmelet Series (Multiverse) Posts
React Journey

It's time to go on a feel trip with React. Let us pack our bags and start our journey towards learning React from scratch with techs those we have today. In this series we will start our React learning journey, follow along with the below posts to reach on top of the React Mountain.


React Journey: Part 1 - Getting Started

Aug 20, 2023 | 8 min read | 962 Views | Comments

It's time to go on a feel trip with React. Let us pack our bags and start our journey towards learning React from scratch with techs those we have today. In this article we will start our React learning journey by setting up the project with Vite and most desirable UI framework Bootstrap.

React Journey: Part 2 - States, Props, Events and Hooks

Aug 24, 2023 | 10 min read | 625 Views | Comments

Life brought us to the moment where we have to think about how to make our Notesy app functional. In this article we will make our Notesy app interactive such that it can show list of notes, add new notes and delete existing notes. On the way of doing so we will explore states, props, events and hooks.

React Journey: Part 3 - React Routes

Sep 19, 2023 | 5 min read | 606 Views | Comments

You have to stick to the route to reach your destination. In this article we will explore about the react-router-dom package to create routing in React.

React Journey: Part 4 - Working with Web API

Sep 21, 2023 | 6 min read | 589 Views | Comments

There is no app existence without communicating server or at least a fake server. In our React learning journey we will now make our Notesy app to communicate to API even though its fake. In this article, we will make use of json-server to create API endpoint for our Notesy app and make our create, read, delete operation little dynamic.

React Journey: Part 5 - Context API

Oct 08, 2023 | 8 min read | 673 Views | Comments

Every journey ends somewhere. Our React journey will come to an end with 360-degree shift in our previous approaches of communicating between components. Don't get afraid, this change is helpful and a must for our growing apps. In this article, we will touch base and talk about the concept of Context API in React and how it can allow to manage props and states like a pro.