Этот курс научит вас создавать гибкую частную библиотеку компонентов корпоративного уровня с помощью React. С момента своего появления в 2013 году React стал одним из наиболее часто используемых интерфейсных фреймворков. Его компонентная архитектура и гибкость сделали его идеальным фреймворком для тех, кому нужно совместно использовать код в нескольких командах.
Однако та же гибкость, которая помогла React набрать популярность, также создает множество проблем при создании общих ресурсов и инструментов. Вот некоторые из наиболее часто задаваемых вопросов:
Что вы узнаете
Изучите React / ReactJS шаг за шагом от основ до продвинутых концепций, создавая компоненты пользовательского интерфейса простым и интуитивно понятным способом.
learn.handlebarlabs.com
Научитесь создавать библиотеку компонентов, которые просты в использовании, самодокументированы и легко проверяются.
frontendmasters
Дизайн-система является горячей темой в мире разработки, и все крупные компании создают ее. Но что такое дизайн-система и как ее создать? На этом семинаре мы углубимся в основополагающую теорию дизайн-систем и создадим кусочки одной от начала до конца. Мы создадим дизайн-систему путем проектирования, разработки, документирования и развертывания нескольких компонентов.
В этом курсе вы узнаете, как быстро собрать компонент React с помощью Storybook. Сначала вы узнаете, что такое Storybook и почему Storybook такой замечательный инструмент. Вы узнаете, как добавить Storybook в существующее приложение на основе Create-React-App и запустить его для загрузки всех историй в приложении.
Error jest not install
npm install --save-dev jest
Error: Cannot find module '@babel/plugin-transform-runtime'
delete in .babelrc
"plugins": [
"@babel/plugin-transform-runtime",
"babel-plugin-styled-components"
]