Miss YT

An iOS App for finding top female YouTubers in Japan (who are actually popular).

• un-released yet ⚠️
• more screenshots 📸
• motivation👇

Technologies

• Using Ignite
• React Native
• Redux + Redux-Saga
• Firebase
• AVA
• Enzyme
• ESLint
• Flow

Setup

yarn install
yarn start

Debugging

yarn debug

Testing

All

yarn test

Unit

yarn test:unit

Lint

yarn lint
yarn lint:fix

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.

Different environments

Setting config for different environments in different files: .env.staging and .env.production.

# build for different environments
yarn start -- --scheme YOUR_APP_SCHEMA_FOR_ENVIRONMENTS

About Scheme, see Different environments iOS section.

Icon

• Using react-native-vector-icons

TODO

• [ ] avoid uppercase for directory names
  • Why?: to use uppercase only for React Components or JavaScript Classes
• [ ] create style.js in the same directory as components
  • Why?: to do component-driven development
• [ ] create .spec.js files in the same directory as business logic
  • Why?: to increase efficiency for unit testing (The unit tests for a module shouldn’t be shoved in some far-away corner of the source tree. They need to be conveniently located. by The Pragmatic Programmer)
• [ ] create index.js for constant/function/class/redux-functions/etc indexing (no need to use export default which is not easy to find what is exported sometimes.)
  • Why?: to find exported functions easily
• [ ] remove all the flow warnings
• [ ] remove un-used files/libraries
• [ ] migrate from Realtime Database to Cloud Firestore

Motivation

I love Japanese YouTubers like MEGWIN, 東海オンエア, 禁断ボーイズ, スカイピース, アバンティーズ. They talk about female YouTubers sometimes, so I wanted to give something valuable for them.