TIL # 37 (React intro 4)
1. React. Why? What?
2. CRA
Node.js & npm
Settings
1)
node-modules
- package.json
- .gitignore
node-modules:
CRAを構成する全てのパケットソースを含むフォルダpackage.json:
CRAベースパッケージ以外のインストール済みライブラリ(名称、バージョン)を記録するファイル.gitignore:
.gitignore ファイルgithubにアップロードしたくないフォルダとファイルを作成できます.2) `index.html` - `index.js` - `App.js`
index.html:
<div id="root"></div>
ファイルがあります.index.js:
ReactDOM.render関数には2つのパラメータがあります.1番目のパラメータは、画面に表示される要素であり、2番目のパラメータは、画面に表示される要素の位置である.ReactDOM.render( <App /> , document.getElementById('root'))
現在画面に表示されている初期構成部品.::その他のフォルダ構成
1)共通フォルダ
App.js:
, Login.js
Login.scss
, Main.js
Main.scss
-css初期化reset.scss
-よく使われるcss属性定義(ex.font-family,theme color)3. Component & JSX
Reference
この問題について(TIL # 37 (React intro 4)), 我々は、より多くの情報をここで見つけました https://velog.io/@peng0code/TIL-37-RouterSassテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol