React Hooks - useRef
React's useRef hook: Handles mutable values & DOM interaction, curbs re-renders, boosts performance. Explore practical examples and step-by-step insights to learn more.
- #frontend
Tag: #frontend
-
-
Nextjs State Management with Redux Toolkit - Part 2
Part 1 covered setting up Redux Toolkit and topSlice function and then how would I refactor the codebase to make it cleaner and more readable way. Dive into the full post.
- #frontend
-
Nextjs State Management with Redux Toolkit - Part 1
This guide provides a step-by-step process for setting up Redux Toolkit with Next.js, enabling you to easily manage state in your web applications. Dive into the full post.
- #frontend
-
React Hooks - useCallback
Boost React app performance with useCallback hook. Understand how it works, prevent re-renders & compare examples with/without useCallback. Read the full guide to learn.
- #frontend
-
React Hooks - useMemo
Optimize React app performance with useMemo hook. Learn advantages disadvantages & see performance difference with before/after examples. Explore this comprehensive guide.
- #frontend
-
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
-
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
-
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 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
-
Tailwind CSS - Beginner Edition
Tailwind CSS: utility-first framework speeds up styling with inline markup, wide class range like flex and pt-4. Customizable and no switching files. Read more to learn.
- #frontend
-
Responsive Website Deep Dive
Responsive design builds adaptable websites using flexible grids, images & mobile-first design. Test on devices for the best user experience. Read the full guide to learn.
- #frontend