React құрамындағы компоненттер - стильді компоненттер - React дизайнының үлгілері

Блог

React құрамындағы компоненттер - стильді компоненттер - React дизайнының үлгілері

Бұл React оқулығында мен React құрамдас компоненттерін қолдана отырып, қайта пайдалануға болатын интерфейсті қалай құруға болатынын көрсетемін. Мен Құрама Компоненттерді қолдану арқылы менің қосымшама архитектуралық күрделілікті қосатын қажетсіз компоненттерді жасаудан аулақ болатынымды білдім. Маған Құрама Компоненттер туралы не ойлайтыныңызды айтыңыз, мен сіздің пікіріңізді төмендегі түсініктемелер бөлімінде білгім келеді! ⌨️



жергілікті сандық енгізуге жауап береді

⏳ Уақыт шкаласы

  • 0:00:00 - Біз не салатынымызға шолу
  • 0:00:35 - тозақ компонентінен қашу
  • 0:02:50 - Біз салатын ашық хаттарды көрсету
  • 0:03:40 - Орнатуды қалай алуға болады
  • 0:04:51 - Қандай бейне көргіңіз келетіні туралы түсініктеме беруді ұмытпаңыз
  • 0:05:15 - бастапқы кодтың өтуі
  • 0:05:40 - Компоненттер қалтасын құру
  • 0:05:50 - мәнерлер қалтасын құру
  • 0:06:00 - Card.js компонент файлын құру
  • 0:06:30 - Мен неге index.js ата -аналық файлынан экспорттаймын
  • 0:07:15 - Картаның компонентін құру
  • 0:08:00 - App.js сайтында біздің фильмдердің картасын жасау
  • 0:08:09 - data.json файлымызды импорттау
  • 0:08:30 - App.scss файлын жасауды ұмытпаңыз
  • 0:08:56 - App.scss - тек қалпына келтіру (алу үшін репоға сілтеме)
  • 0:09:50 - біздің карта компонентін құру
  • 0:11:10 - Біздің стильді компонентті құру (карта)
  • 0:13:00 - Біздің Card компонентімен жұмыс жалғасуда
  • 0:19:30 - App.js сайтына біздің карта компонентін қосу
  • 0:21:00 - SCSS файлын App.js сайтына қосу
  • 0:21:40 - біздің карта картасына кілт қосуды ұмытпаңыз
  • 0:22:00 - соңғы нәтиже көрсетіледі!

Github репо: https://github.com/karlhadwen/compound-components



#reactjs #javascript #webdev

питон кездейсоқ құпия сөз генераторы

www.youtube.com

React құрамындағы компоненттер - стильді компоненттер - React дизайнының үлгілері

Бұл React оқулығында мен React құрамдас компоненттерін қолдану арқылы қайта қолданылатын интерфейсті қалай құруға болатынын көрсетемін. React құрамындағы компоненттер - стильді компоненттер - React дизайнының үлгілері. Мен Құрама Компоненттерді қолдану арқылы менің қосымшама архитектуралық күрделілікті қосатын қажетсіз компоненттерді құрудан аулақ болатынымды білдім.