프론트엔드 정복하기

https://blog.rhostem.com/posts/2020-03-04-redux-toolkits blog.rhostem.com 프론트엔드 웹 개발 기술 블로그 blog.rhostem.com https://medium.com/geekculture/understanding-createslice-in-redux-toolkit-reactjs-eca8d20f45d7 Understanding createSlice in Redux Toolkit — ReactJS. Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular ..

https://dev.to/leoarada/recoil-hook-global-514 Recoil과 hook으로 global 모달 만들기 최근에 회사에서 material UI를 사용해서 admin 사이트를 개발하고 있다. 백엔드에 api를 연동하기 전에 UI 작업을 하던 중에 모달을 사용하는 일이 많아져서, 글로벌 m... dev.to https://www.jayfreestone.com/writing/react-portals-with-hooks/ React Portals with Hooks | Jay Freestone Since [Hooks](https://reactjs.org/docs/hooks-intro.html) have just been introduced into the latest stable ..

Better Comments - 주석의 중요도에 따라 색상을 입힐 수 있게 해줍니다. (강력 추천) Todo Tree - 주석으로 TODO 를 작성해놓으면 프로젝트에 있는 투두 주석들을 모아 보여줍니다. (강력추천) Path Autocomplete - 문자열로 경로를 사용하게 되면 경로를 자동완성해줍니다. Version Lens - 각 모듈에 대한 package.json 에서 최신 버전을 확인할 수 있게 해줍니다. TailwindCSS-Intellisense - 테일윈드 CSS 클래스들을 VSCode 에서 자동완성해줍니다. GitHub Pull Requests and Issues - 깃허브 이슈와 PR을 VScode 에서 다룰 수 있게 해줍니다. DotENV - .env 파일을 편집하기 편하게 하이라이팅..

useNavigation 테스트코드 작성하는 법 https://stackoverflow.com/questions/61781274/how-to-mock-usenavigation-hook-in-react-navigation-5-0-for-jest-test How to mock useNavigation hook in react-navigation 5.0 for jest test? i want to mock useNavigation hook used inside my functional component. Any workaround how to mock it using jest? import React from 'react'; import { useNavigation } from '@react-navigatio..

typescript interface keys 를 정렬해주는 plugin https://github.com/infctr/eslint-plugin-typescript-sort-keys#readme

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-sort-props.md jsx 컴포넌트 attributes 를 정렬해주는 plugin