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

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 { TouchableOpacity } from 'react-native';
import * as yup from 'yup';

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

const schema = yup.object().shape({
  email: yup.string().required('O e-mail deve ser preenchido'),
  password: yup.string().required('A senha deve ser preenchida'),
});

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="E-mail" />
      <Input name="password" label="Senha" />

      <TouchableOpacity onPress={() => formRef.current.send()}>
        <Text>Entrar</Text>
      </TouchableOpacity>
    </Form>
  );
}