Мазмуну:

Окуя китебинин реакциясын кантип иштетем?
Окуя китебинин реакциясын кантип иштетем?

Video: Окуя китебинин реакциясын кантип иштетем?

Video: Окуя китебинин реакциясын кантип иштетем?
Video: Sex Hormones & Dysautonomia - Svetlana Blitshteyn, MD 2024, Декабрь
Anonim

Бул Storybook тарабынан автоматтык орнотуу учурунда орнотулган (Storybook 5.3 же жаңыраак)

  1. 1-кадам: көз карандылыкты кошуу. @ кошуу жомок китеби / реакция кылуу .
  2. 2-кадам: npm сценарийин кошуңуз. Андан кийин төмөнкү NPM скриптин пакетиңизге кошуңуз.json жомок китеби кийинчерээк бул колдонмодо:
  3. 3-кадам: негизги файлды түзүү.
  4. 4-кадам: Окуяларыңызды жазыңыз.

Мындан тышкары, окуя китебин React менен кантип колдоносуз?

  1. Окуялар китебин орнотуу. Бул 2 код саптары React долбооруңузга Storybook орнотот: cd my-project-directory.
  2. Кошумча баскычтар. Максат: Окуялар китебинде реалдуу убакыт режиминде компоненттериңиздин касиеттерин түзөтүңүз.
  3. Storyshots кошумчасы. Максат: Бардык аңгемелериңизге автоматтык Jest снапшот сынагын кошуңуз.
  4. Бонус: дагы бир нече кеңештер.

Ошо сыяктуу эле, сиз кандай кабыл алып жатасыз? Firebase Hosting менен React негизиндеги веб-сайтты акысыз жайгаштырыңыз жана өзүңүздүн жеке домениңиз менен байланышыңыз

  1. 1-кадам: Firebase консолунда жаңы долбоор түзүңүз.
  2. 2-кадам: Node.js жүктөө жана орнотуу.
  3. 3-кадам: жип түйүн пакетин орнотуу.
  4. 4-кадам: Жаңы React колдонмосун түзүңүз.
  5. 5-кадам: Firebase-tools npm пакетин орнотуңуз.

Демек, реакция үчүн окуя китеби деген эмне?

Окуя китеби үчүн обочолонгон UI компоненттерин иштеп чыгуу үчүн ачык булак куралы болуп саналат React , Vue жана Angular. Бул укмуштуудай UI түзүүнү уюшкан жана натыйжалуу кылат. Баштоо Видеону көрүңүз. Үчүн жасалган. React.

Окуя китебин кантип баштасам болот?

Бул Storybook тарабынан автоматтык орнотуу учурунда орнотулган (Storybook 5.3 же жаңыраак)

  1. 1-кадам: көз карандылыкты кошуу. @storybook/react кошуу.
  2. 2-кадам: npm сценарийин кошуңуз. Андан кийин бул колдонмодо аңгеме китебин баштоо үчүн төмөнкү NPM скриптин package.json файлыңызга кошуңуз:
  3. 3-кадам: негизги файлды түзүү.
  4. 4-кадам: Окуяларыңызды жазыңыз.

Сунушталууда: