NativeBase is an open source framework from the NativeBase Market team. This framework enables developers to build high-quality mobile apps using React Native iOS and Android apps with a fusion of ES6
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
To run Prettier in the app:
To run tests:
Getting values in and out of form state
Validation and error messages
Handling form submission
By colocating all of the above in one place, Formik will keep things organised -- making testing, refactoring, and reasoning about your forms a breeze.
By utilising tagged template literals and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!
Storybook is an open source tool for developing UI components in isolation for React. It makes building stunning UIs organised and efficient. Storybook runs outside of the main app so users can develop UI components in isolation without worrying about app specific dependencies and requirements.
Check the Storybook page to get started using Storybook in the app.
In React Native projects, it’s common to have long import paths such as:
import MyButton from '../../../components/MyButton'
Import paths with this kind of hierarchy can be confusing to figure out and they generally get messy. To curb this, we use babel-module-plugin-resolver plugin to add a new resolver for our modules when compiling our code using Babel.
Basically, it lets us do this:
import MyButton from 'components/MyButton'