728x90 Front-end/React13 #17. Setting Up Redux ! Redux를 셋팅 시작해볼까요? ? 다운 받아야 Dependency는 총 4가지 입니다. 1. redux 2. reaxt-redux 3. redux-promise 4. redux-thunk npm install redux react-redux redux-promise redux-thunk --save ( 한번에 다운받을 코드 ) Redux-promise, Redux-thunk가 필요한 이유는 무엇일까요? 리덕스를 잘 사용하기 위해서 필요한데.. 그렇다면..어떻게 잘 사용하는거지..? action은 언제나 객체형식으로 받는거이 아닌, Promise, Functions형태로 받을 때도 있답니다! 2021. 2. 14. #16. React Hooks React Component ( Class Componet / Function Component ) Class Component 1. 더 많은 기능 사용 가능하다. 2. 코드가 더 길어지고 복잡해지고 성능이 조금 늘어지는 면이 있다. import React, {Component} from 'react' export default class Hello extends Component { render(){ return( hello my friends! ) } } Function Component 1. 한정적인 기능이 제공된다. 2. 코드가 간결해지고 성능이 빨라진다. import React from 'react' export default function Hello() { return ( hello my f.. 2021. 2. 14. #15. Redux 기초 What is Redux ? Redux is a predictable state container for JavaScript apps. 리덕스랑 상태관리 라이브러리입니다. 그렇다면 state 는 무엇일까요 ? Props VS State Props 1. shorthand for properties 2. Props are how components talk to each other. 컴포넌트 간 무언가를 주고 받을 때 Props를 사용해야 합니다. 3. props flow downwards from the parent component 4. Props are immutable from the child perspective if you want to change that value ? the parent s.. 2021. 2. 13. #14. React Js를 위한 CSS FrameWork React Js를 위한 CSS FrameWork 5가지 🎉 1. Material UI 2. React bootstrap 3. Semantic UI 4. Ant Design 5. Materialize 가장 깔끔하고 간편한 Antd를 추천합니다 ! ant.design/ Ant Design - The world's second most popular React UI framework ant.design Ant Design 설치 방법 npm install antd --save 2021. 2. 7. 이전 1 2 3 4 다음 반응형
