react-native
StorybookExampleReactNativeTS
react-native | StorybookExampleReactNativeTS | |
---|---|---|
8 | 2 | |
962 | 18 | |
1.7% | - | |
8.4 | 3.2 | |
6 days ago | over 3 years ago | |
TypeScript | TypeScript | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native
-
Storybook 8 Beta
Lastly, we just released a new version of React Native Storybook: RN Storybook 7. It brings major performance and compatibility improvements, including automatic story loading, improved error handling, stronger types, and much more.
-
React Native Storybook 7
There’s still a massive amount of potential with RN Storybook project and we’d love new contributors to help us get there. Find the project here and share your feedback, interest, or support.
-
Storybook integration experience?
I’m being tasked with migrating a “kitchen sink” of components (currently rendered with a feature flag & Stack navigation) to a more separate feature. They’ve decided on Storybook. I didn’t ask why as my contractor role wasn’t available to help w decision making at the time.
-
Dynamic imports supported in react native
Also heres the pr where I'm adding support for require.context to React Native Storybook https://github.com/storybookjs/react-native/pull/501
-
Has anyone experienced a network call where it works with cURL and Postman but not in localhost/simulator?
Do you use Storybook? I ran into similar issues where promises didn't resolve due to this issue: https://github.com/storybookjs/react-native/issues/20
-
Introducing Storybook for React Native Web
If those drawbacks aren't dealbreakers, then I think you will be happy with the results. However If you are unable to use this package because you need a native mobile experience then consider using @storybook/react-native. You could even use both if it makes sense for your use case.
-
Setting up Storybook for React Native/TypeScript (server, loader, iOS, Android)
I recently set up Storybook for a React Native/TypeScript project. It wasn't so different from using Storybook for web dev, but there were a few catches. I found their official tutorial to be outdated sometimes, and their Github README was up-to-date but didn't have all the information I wanted.
-
React Native: undefined is not an object (evaluating '_this.props.updateCellsBatchingPeriod')
take a look at: https://github.com/storybookjs/react-native/issues/133
StorybookExampleReactNativeTS
-
Setting up Storybook for React Native/TypeScript (server, loader, iOS, Android)
View on GitHub
-
How to set up ESLint with StandardJS for a new React Native/TypeScript project
As for specific ESLint rules, it depends on personal preference so I'll leave it up to you. If you want to see my config as a reference, you can find it here: https://github.com/risafj/StorybookExampleReactNativeTS/blob/main/.eslintrc.js
What are some alternatives?
expo-solana-wallet - Cross-Platform Solana Wallet built with Expo and Solana/web3.js
eslint-config-love - A TypeScript ESLint config that loves you
react-native-config - Bring some 12 factor love to your mobile apps!
eslint-plugin-react-native - React Native plugin for ESLint
react-native-joystick - React Native Joystick Component.
react-native-storybook-loader - An automatic story loader for react-native-storybooks
addon-react-native-web - Build react-native-web projects in Storybook for React
expo-server-sdk-node - Server-side library for working with the Expo push notification service using Node.js
typescript-eslint - :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript
react-native-uber-clone - Uber clone built with React Native, Expo
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.