Blog
React Hooks - useMemo
Optimize React app performance with useMemo hook. Learn advantages disadvantages & see performance difference with before/after examples.
React Hooks - useContext
Access global state in functional components with useContext hook in React 16.8. Avoid prop drilling & consume context efficiently.
The Wrapped Journal for 2022
Reflect on 2022 with The Wrapped Journal. Build consistency, and overcome burnout & imposter syndrome. Track progress & achievements.
React Hooks - useReducer
Manage state changes & fetch API data with useReducer in React. More flexible than useState, takes reducer & initial state, returns state & dispatch function.
React Hooks - useEffect
Learn to use useEffect in React for side effects such as fetching data, event listeners, etc. Control hook call with dependency array & use with diff values.
React Hooks - useState
Learn to use useState in React to handle data types, avoid mutability in arrays & update state values. Bonus: TypeScript & handling state logging behavior.
Let's Automate Your Workflows with GitHub Actions
Automate CI/CD tasks and improve your workflow with GitHub Actions. Learn triggers, jobs, steps & setting up Jest testing with a practical example.
React Pagination - Vanilla Edition
Create React pagination with 5 pages, navigation buttons, current page highlight, and centered navigation. No external packages needed. Demo & code provided.
What is Hoisting in JavaScript?
JS hoisting permits access to vars/funcs before creation, but var confuses by enabling calls before def. Prefer let/const for error prevention.
What Have I Learned About React Context API
Explore React's Context API for sharing data among components without props drilling. Demo includes search, region filter, pagination, and theme switcher.