Tag: #frontend
React Hooks - useRef
React's useRef hook: Handles mutable values & DOM interaction, curbs re-renders, boosts performance.
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
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
React Hooks - useCallback
Boost React app performance with useCallback hook. Understand how it works, prevent re-renders & compare examples with/without useCallback.
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.
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.
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 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.
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.
Responsive Website Deep Dive
Responsive design builds adaptable websites using flexible grids, images & mobile-first design. Test on devices for the best user experience.