React Hooks - useContext
Access global state in functional components with useContext hook in React 16.8. Avoid prop drilling & consume context efficiently. Dive into this step-by-step tutorial.
- #frontend
Blog
-
-
The Wrapped Journal for 2022
Reflect on 2022 with The Wrapped Journal. Build consistency, and overcome burnout & imposter syndrome. Track progress & achievements. Dive into this step-by-step tutorial.
- #growth
-
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. Read on.
- #frontend
-
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. Read on.
- #frontend
-
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. Read more to learn.
- #frontend
-
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. Dive into the full post.
- #platform
-
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. Read on.
- #frontend
-
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. Dive into the full post.
- #javascript
-
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. Read more to learn.
- #frontend
-
JavaScript - Mutable Array Methods
Comparing mutable and immutable array methods in JS, covering pop(), shift(), push(), unshift(). Tips for avoiding altering original arrays included. Read more to learn.
- #javascript