notesTest

React-native task: Create Notes app that will save notes to AsyncStorage

1. Install https://github.com/infinitered/ignite
2. Using this boilerplate create Home Page with the input field and ‘Create’ button in the middle of the screen.
3. Using ‘redux-form’ (https://redux-form.com) connect the input to redux and add submit action to ‘Create’ button.
4. On submit it should add new item to AsyncStorage
5. Add ‘Show notes’ button at the bottom of the screen that will redirect to a new screen with notes lists fetched from AsyncStorage.
6. List item should show the only 1st line of note.( other lines should be hidden )]
7. On click on some of the list item, it will open modal with full item text
8. Make sure to let the user go back to home screen.
9. Make sure app will show all added data after app refresh. -native task: Create Notes app that will save notes to AsyncStorage

• Standard compliant React Native App Utilizing Ignite

⬆️ How to Setup

Step 1: git clone this repo:

Step 2: cd to the cloned repo:

Step 3: Install the Application with yarn or npm i

▶️ How to Run App

1. cd to the repo
2. Run Build for either OS

• for iOS
  • run react-native run-ios
• for Android
  • Run Genymotion
  • run react-native run-android

🚫 Standard Compliant

This project adheres to Standard. Our CI enforces this, so we suggest you enable linting to keep your project compliant during development.

To Lint on Commit

This is implemented using husky. There is no additional setup needed.

Bypass Lint

If you have to bypass lint for a special commit that you will come back and clean (pushing something to a branch etc.) then you can bypass git hooks with adding --no-verify to your commit command.

Understanding Linting Errors

The linting rules are from JS Standard and React-Standard. Regular JS errors can be found with descriptions here, while React errors and descriptions can be found here.

🔐 Secrets

This project uses react-native-config to expose config variables to your javascript code in React Native. You can store API keys and other sensitive information in a .env file:

API_URL=https://myapi.com
GOOGLE_MAPS_API_KEY=abcdefgh

and access them from React Native like so:

import Secrets from 'react-native-config'

Secrets.API_URL  // 'https://myapi.com'
Secrets.GOOGLE_MAPS_API_KEY  // 'abcdefgh'

The .env file is ignored by git keeping those secrets out of your repo.

Get started:

1. Copy .env.example to .env
2. Add your config variables
3. Follow instructions at https://github.com/luggit/react-native-config#setup
4. Done!