목록Coding/React (6)

YSHUSH

yarn 초기 설정(수정할때 오류날 경우)

1. yarn create react-app 프로젝트 이름 2. yarn add -D eslint-config-react-app 3. 루트 경로에 .yarnrc.yml 생성 후 packageExtensions: react-scripts@*: peerDependencies: eslint-config-react-app: "*" 4. yarn cache clean 5. yarn install
Coding/React 2022. 11. 11. 17:09
리액트 라이브러리 ( 상태관리 )

1) Redux https://react-redux.js.org/ React Redux | React Redux Official React bindings for Redux react-redux.js.org npm install @reduxjs/toolkit react-redux 2) MobX https://ko.mobx.js.org/README.html MobX에 대하여 · MobX ko.mobx.js.org npm install --save mobx npm install mobx-react --save https://npmtrends.com/mobx-vs-recoil-vs-redux-vs-zustand mobx vs recoil vs redux vs zustand | npm trends Compari..
Coding/React 2022. 9. 9. 04:15
리액트 라이브러리 ( Moking )

모킹(Moking)이란? Mock(모의 데이터)을 만들어서 활용하는 방식이다. 통상적으로 data fetch를 해야하는 경우, 통신을 통해 응답을 내려주는 서버가 있어야 한다. msw https://mswjs.io/ Mock Service Worker Seamless API mocking library for browser and Node. mswjs.io npm install msw --save-dev npx msw init public/ --save
Coding/React 2022. 9. 8. 19:27
리액트 라이브러리( UI )

1) Onsen https://onsen.io/ Onsen UI 2: Beautiful HTML5 Hybrid Mobile App Framework and Tools Native look and feel with lots of ready-to-use components and automatic styling A rich variety of UI components specially designed for mobile apps. Onsen UI provides tabs, side menu, stack navigation and tons of other components such as lists and forms. Th onsen.io npm install onsenui react-onsenui --sav..
Coding/React 2022. 9. 7. 22:29
리액트 라이브러리 (스타일링)

1) styled-components https://styled-components.com/ styled-components Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾 styled-components.com npm i styled-components 2) emotion https://emotion.sh/docs/introduction Emotion – Introduction (Edit code to see changes) emotion.sh npm i @emotion/styled @emotion/react jsx에서의 임포트문 /** @jsxImpor..
Coding/React 2022. 9. 7. 02:28
리액트 라이브러리 (Date)

Luxon / Day.js / date-fns / js-Joda 등이 있다. https://npmtrends.com/date-fns-vs-dayjs-vs-luxon-vs-moment date-fns vs dayjs vs luxon vs moment | npm trends Comparing trends for date-fns 2.29.2 which has 14,271,390 weekly downloads and unknown number of GitHub stars vs. dayjs 1.11.5 which has 11,039,539 weekly downloads and unknown number of GitHub stars vs. luxon 3.0.3 which has 3,911,208 weekly dow..
Coding/React 2022. 9. 6. 21:13
이전 Prev 1 Next 다음