React Native Jigsaw

screenshot of React Native Jigsaw

Jigsaw, Draftbit's built-in component library

Overview

React Native Jigsaw is a specialized component library provided by Draftbit. It is based on React Native Paper and is designed to be incorporated into the Draftbit platform. However, it can also be used in a typical Expo/React Native project. The library is split into different packages, including ui, core, native, and types, each serving different purposes. The ui package contains components from both the core and native packages and is what users install to use the library. The core package contains non-native JavaScript components that work across web, iOS, and Android platforms. The native package includes native components that rely on expo/react-native modules like expo-av and @expo/vector-icons. The types package contains shared TypeScript types and SEED_DATA types used for building the translation layer in the Draftbit platform.

Features

  • Specialized component library for React Native
  • Based on React Native Paper
  • Compatible with Expo/React Native projects
  • Core package for non-native JavaScript components
  • Native package for native components with expo/react-native dependencies
  • Types package for shared TypeScript types and SEED_DATA types

Summary

React Native Jigsaw is a specialized component library provided by Draftbit. It is a monorepo that contains different packages, including ui, core, native, and types. The library is designed to be used with the Draftbit platform but can also be incorporated into Expo/React Native projects. It offers a range of components, both non-native JavaScript components and native components with expo/react-native dependencies. Sharing TypeScript types and SEED_DATA types across packages allows for efficient development and maintenance. Installation is straightforward, requiring the cloning and linking of the relevant packages.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.