Tools
Read more about the awesome tools that make this UI theme work so smoothly.
Last updated
Read more about the awesome tools that make this UI theme work so smoothly.
Last updated
lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI using declarative components.
With tools and services, you can build, deploy, and quickly iterate on native iOS and Android apps from the same JavaScript codebase. Expo provides access to device capabilities like camera, location, notifications, sensors, haptics, and , all with cross-platform APIs.
is an open source framework from the team. This framework enables developers to build high-quality mobile apps using React Native iOS and Android apps with a fusion of ES6
is a fully pluggable tool for identifying and reporting on patterns in JavaScript. To run ESLint in the app:
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.
In React Native projects, it’s common to have long import paths such as:
Basically, it lets us do this:
is a delightful JavaScript Testing Framework with a focus on simplicity. It works with projects using Babel, Node, React, and more. All tests for the app are written in Jest and tests are written for ALL appropriate components.
Forms are really verbose in . is a small library that helps you out with some of the annoying parts:
By utilising tagged template literals and the power of CSS, 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!
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 page to get started using Storybook in the app.
Import paths with this kind of hierarchy can be confusing to figure out and they generally get messy. To curb this, we use plugin to add a new resolver for our modules when compiling our code using Babel.