Design systems in React Native: a STORYBOOK approach - Belka | React Native Heroes 2023 

🎟️ 2024 ticket SPECIAL PRICE: reactnativeheroes.com/2024/
Have you ever wondered if the same principles and libraries used for web design systems can be applied to mobile ones? We did. In Belka we created a boilerplate and documentation to build a reproducible process for web design systems but soon we realised that the logic and the code structure for mobile design systems are slightly different from what we chose.
But we were sure about one thing: using Storybook. In this talk, we will explain and analyze the decisions we made in terms of design systems for React Native apps. We will dive into the implementation of Storybook and show how it can be used to build a reproducible process. By the end of this talk, you will have a better understanding of how to use Storybook to create design systems for React Native apps and how to adapt them from the web to the mobile environment.
🎤 Federica Vacca, Software Engineer, Belka
🎤 Anas Araid, Frontend Developer, Belka
📍React Native Heroes 2023 was hosted in Turin, 16 June. Attended by 150 React Native developer participants and broadcast to an additional 150 React Native enthusiasts across the globe. The agenda covered a range of important React Native developer topics including architecture, design, and what's coming next in React Native.
📌 For more engaging content and expert insights, subscribe to our channel and hit the notification bell. 🛎️
Inform: reactnativeheroes.com
✅ Tweet: / reactnatheroes
✅ Connect: / react-native-heroes
✅ Read: t.me/reactnativeheroes
⏩ Chapter:
00:00 intro
02:26 What is a design system?
05:12 Why are design systems helpful?
08:33 Team decisions
09:53 Our decisions
14:42 We achieved a lot of things
15:53 What is Storybook?
18:35 What’s a Story?
19:52 Getting started
21:05 How Storybook works in React Native
22:50 Let’s get our hands dirty!
24:07 Let’s write a Story!
28:13 Summary
#reactnative #reactnativetutorial #designsystems #mobiledevelopment #storybook #uiux #softwareengineering #mobileui #ReactNativeDevelopment #WebToMobile #UIBestPractices

Развлечения