JSPM – react-native-template-agile-rn@1.0.7

Package Exports

react-native-template-agile-rn

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-template-agile-rn) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Overview

Agile RN is a React Native template that was created to speed up project start-up as well as make application development easier.

Starting a project

react-native init AwesomeProject --template agile-rn

Features (w/ examples)

Easy form creation / validation

import React, { useRef } from 'react';
import { Button } from 'react-native';
import * as yup from 'yup';

import { Form, Input } from '~/components';

const schema = yup.object().shape({
  email: yup
    .string()
    .email()
    .required(),
  password: yup.string().required(),
});

export default function Auth() {
  const formRef = useRef();

  function handleSubmit(data) {
    console.log(data);

    /*
       {
        email: 'example@mail.com',
        password: '123'
       }
    */
  }

  return (
    <Form schema={schema} onSubmit={handleSubmit} ref={formRef}>
      <Input name="email" label="Email" />
      <Input name="password" label="Password" />

      <Button title="Enter" onPress={() => formRef.current.send()} />
    </Form>
  );
}

Dependencies

Async Storage
Prop Types
React Native Gesture Handler
React Native Masked Text
React Native Vectors Icons
React Navigation
Redux
Redux Saga
Styled Components
Yup

Dev Dependencies

Eslint
Prettier
Reactotron