学習[react]-5日目

3216 ワード

Container&Wrapperネーミング


css名を特定するときは、どちらも同じだと思いますので、どちらかを選びました.
(これは、UIを変更するためにコードを再表示する場合、WrapperとColainerはあまり変わらないためです.)
どちらもレイアウトのために設定されたboxですが、ContenerとWrapperには違いがあります.
小包container는 주로 여러 개의 요소に使用されます.wrapper는 단일 요소의 레이아웃を包むためのものだそうです.

aseetsフォルダの管理


今後増加する可能性のある資産を管理する定数フォルダが作成されました.
images.jsファイルロードモジュールは、イメージを管理します.
const test1 = require('../assets/images/javascript-4523100_640.jpg');
const test2 = require('../assets/images/temp-img.jpg');

export default { test1, test2 };
index.jsファイルは統合されています(画像、フォント、アイコンなど...)管理するモジュールをロードします.今は画像しか持ってこない.
import images from './images';

export { images };
その後、使用する構成部品を以下の方法でロードおよび管理します.
import { images } from '../../constants';

<img src={images.test2.default} />

既存の構成部品を回収しますか?


メイン画面のタイトルは寮カタログに表示されているタイトルと似ていますが、最初に表示された検索フォームも異なり、フォントの色も異なる場合はタイトルを再作成した方がいいのでしょうか、それとも既存の組み合わせで修正した方がいいのでしょうか.
現在は、既存の構成部品に従って変更される方向です.

Reference

  • https://css-tricks.com/best-way-implement-wrapper-css/