ReactJS Tutorial for Beginners
1.ReactJS Tutorial - Introduction
Open source JavaScript library for building user interfaces.Not a framwork, but libraryFocus on UIReact has a rich ecosystem and plays really well wit
2.ReactJS Tutorial - Folder Structure
CRA 으로 프로젝트를 생성하면 루트 레벨에 3개의 폴더와 4개의 파일이 생성된다.🗂 node_modules🗂 public🗂 src📃 .gitignore📃 package-lock.json (yarn.lock)📃 package.json📃 README.mdTh
3.ReactJS Tutorial - JSX
JavaScript XML(JSX) - extension to the JavaScript -language syntax.extention to write XML-like code for elements and components.JSX tags have a tag na
4.ReactJS Tutorial - Props
Props, short for properties, is the optional input that our component can accept. It allows the component to be dynamic and makes the component reusab
5.ReactJS Tutorial - Conditional Rendering
if/elseElement variablesTenary conditional operatorShort circuit operatorIf statement don't work inside the JSX. So we have if/else statement outside
6.ReactJS Tutorial - Styling and CSS Basics
CSS stylesheetsInline stylingCSS ModulesCSS in JS libraries (styled-components)regular css stylesheet conditionally apply a class based on props or st
7.ReactJS Tutorial - Basics of Form Handling
submit & page refresh 후에 filled in data가 사라지는 form submission의 default behavior를 방지한다. type="submit" will give the user the ability to submit forms by