일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- web
- middleware
- graphQL
- useState
- bitcoin
- REACT
- hardhat
- CSS
- error
- blockchain
- node.js
- nextJS
- Ethereum
- tailwindcss
- 기준
- Redux
- Props
- API
- built in object
- typeScript
- SSR
- Interface
- 삶
- solidity
- HTML
- evm
- express.js
- JavaScript
- concept
- CLASS
- Today
- Total
목록Frontend/React (40)
ReasonJun
Nested routing Nested routing, also known as nested routes or nested routing hierarchy, refers to the concept of organizing routes in a hierarchical structure within a web application. It allows you to define routes that are nested inside other routes, creating a parent-child relationship between them. In nested routing, child routes are rendered within the context of their parent route. This me..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bXr1U7/btsjWrcUBZ3/egm4q7Ady9oEVysJ1fD5t1/img.png)
React Router Dom is a popular library in the React ecosystem that provides routing capabilities for single-page applications (SPAs). It allows developers to handle navigation and URL management within their React applications. React Router Dom is built on top of the React Router library and specifically designed for web applications. Key features and concepts of React Router Dom include: Declara..
useMemo is a hook in React that allows you to memoize the result of a computation. It is used to optimize performance by avoiding unnecessary recalculations of expensive or complex values. When you use useMemo, you provide a function and a dependency array. The function is executed during the rendering phase, and its return value is memoized. The memoized value is then cached and only recalculat..
useCallback is a hook in React that is used to memoize and optimize the creation of a function, especially when passing that function down to child components. It is primarily used to avoid unnecessary re-creation of function references, which can lead to unnecessary re-renders of child components. When a component renders, any functions defined within the component body are recreated each time ..
In React, "shallow compare" and "deep compare" refer to different approaches for comparing the values of props and state to determine if a component should re-render. Shallow Compare: Shallow comparison, which is the default behavior in React, involves comparing the prop and state values by their references. When using shallow comparison, React checks if the references of the current props and s..
React.memo To fix the comparison method used by React.memo for prop comparison, you can provide a custom comparison function as the second argument to React.memo. This custom comparison function determines whether the component should be re-rendered by comparing the previous props with the next props. The custom comparison function receives two arguments: prevProps and nextProps. It should retur..