DEV Community: Utsab Official

Daily React Learning -17

Utsab Official — Sun, 23 Mar 2025 16:38:03 +0000

Day-17:👨‍💻🔥

(React)

Today, I advanced my existing TicTacToe App with some good styling and using Audio, which increases user experience.Also made a Live Markdown which changes the html tags to plain text. I made it using marked library.

Tasks:
Modified the TicTacToe Game, Made LiveMarkdown using marked library.

That's it for today! 🚀

Daily React Learning -16

Utsab Official — Fri, 21 Mar 2025 15:30:36 +0000

Day-15:👨‍💻🔥

(React)

Today, I made TicTacToe game, i watched the tutorial in typescript react then added the same logic in my code in my own way but in javascript. My logic building is improving by building these logic games.Also sneak peeked useReducer hook, very handy when it comes to complex state handling.Used the hook to make a counter with increment, decrement and reset functionality.

Tasks:
Made a TicTacToe Game, Counter using useReducer.

That's it for today! 🚀

Daily React Learning -15

Utsab Official — Thu, 20 Mar 2025 16:11:29 +0000

Day-15:👨‍💻🔥

(React)

Today, I made Filterable Product Table. The goal was to make a product table where user can search specific product and filter those products like only show product that are in stock.Data was given as an array of product objects and i learned how to access and manipulate with the given data also some logics to make it happen.

Tasks:
Made a Filterable Product Table that excelled my logic building and data manipulation in react.

That's it for today! 🚀

Daily React Learning -14

Utsab Official — Mon, 17 Mar 2025 18:32:13 +0000

Day-14:👨‍💻🔥

(React)

Today, I practiced useContext, useState, useEffect hooks making a seconds to hour minute second converter. One cool thing i did was i made a discord bot using node js. Though the code was complex but i understood the client and message events.It was a simple bot that responds to hello message in a channel.

Tasks:
Made a seconds to hour minute second converter and a basic discord bot that responds to hello text.

That's it for today! 🚀

Daily React Learning -13

Utsab Official — Sun, 16 Mar 2025 15:07:45 +0000

Day-13:👨‍💻🔥

(React)

Today, I explored the useContext hook in React and implemented a dark/light theme toggle to practice it. useContext simplifies state sharing across components. More importantly it prevents props drilling which would be very tedious.

Tasks:
Made a dark/light theme toggle using useContext hook.

That's it for today! 🚀

Daily React Learning -12

Utsab Official — Fri, 14 Mar 2025 15:11:51 +0000

Day-12:👨‍💻🔥

(React)

Today, I made a Wordle Game in React, i am very happy because this was no easy task to even understand how the code is working, i got the idea of coding wordle game while randomly surfing react projects in youtube. At first, i copied gpt code then understood it, after that i build my own version with additional features than chatgpt. (well, the style of chatgpt was way better than mine tho😜). This helped me understand when to actually use useState hook. and also game logics like correct , incorrect letter, gameOver, max attempts etc.

Tasks:
Made a Wordle Game, understood when and where to use useState hook clearly and some game logics.

That's it for today! 🚀

Daily React Learning -11

Utsab Official — Thu, 13 Mar 2025 17:43:45 +0000

Day-11:👨‍💻🔥

(React)

Today, I made a Expense Tracker App that tracks the expense of user. We can add an expense with name and amount. It shows the total expense at last. I used localstorage concept to retreive previously added expenses. This helped me understand the concepts of useState, localStorage, useEffect more clearly.

Tasks:
Made a Expense Tracker App using useState,useEffect and localStorage

That's it for today! 🚀

Daily React Learning -10

Utsab Official — Wed, 12 Mar 2025 18:59:23 +0000

Day-10:👨‍💻🔥

(React)

Today, I made a Random Joke generator which fetches the setup and punchline data from the api and displays after user clicks on the button. I also made a weather information app which gives us the information of weather of the city user inputs.This helped me understand how to fetch data from api in react.

Tasks:
Made a Random Joke Generator.
Made a weather infromation app based on city input

That's it for today! 🚀

Daily React Learning -9

Utsab Official — Tue, 11 Mar 2025 14:20:15 +0000

Day-9:👨‍💻🔥

(React)

Today, I learned react-router-dom BrowserRouter and Routes/Route, Link components. It is very useful in redirecting user to different pages(well, actually component renderring) without refreshing the page. I got to know about useParams() method also to get data from the url/path.To understand the concept of Routing in React, i made a Home, About, Contact component and redirected to each section using Link.

Tasks:
Made a basic link showcase of Home, About, Contact and redirect to each sections using .

That's it for today! 🚀

Daily React Learning -8

Utsab Official — Mon, 10 Mar 2025 16:24:20 +0000

Day-8:👨‍💻🔥

(React)

Today, I used localStorage in my Todo Application, it is very useful because it stores data using the web api and we can get that data to ensure the data user placed remains exactly the same after browser restart.Also, made ResizeListener component using useEffect which shows the window width everytime we resize the window. Additionally, i made a Song Playlist to understand the flow of props passing through components.

Tasks:
Applied localStorage in my Todo Application.
Made ResizeListener.jsx to understand useEffect.
Made Song Playlist to understand props passing.

That's it for today! 🚀

Daily React Learning -7

Utsab Official — Sun, 09 Mar 2025 15:29:00 +0000

Day-7:👨‍💻🔥

(React)

Today, I dived into useEffect hook. understood the concept, syntax and why do we use that to make our application. I also built a simple timer using useEffect and useState together. I did a extra functionality to start and stop the timer too.

Tasks:

Chatgpt gave me challenge to make simple timer using useEffect and useState and i made it.(obviously with the help of gpt itself)

That's it for today! 🚀

Daily React Learning -6

Utsab Official — Fri, 07 Mar 2025 17:32:03 +0000

Day-6:👨‍💻🔥

(React)

Today, I understood two js concepts at very deep level (spread operator and destructuring). I was aware about these concepts but i did many experiments with this concept and understood its working properly.

Tasks:

Got challenges related to spread operator and destructuring array/objects from chatgpt and solved it.

That's it for today! 🚀