# Clone the repo
git clone https://github.com/JFmagicoder/react-native-boilerplate.git
# Navigate to clonned folder and Install dependencies
cd react-native-boilerplate && yarn install
# Install Pods
cd ios && pod install
To use your fonts in this project, you can do these steps below:
- Add your fonts to
assets/fonts
- Run command:
$ react-native link
your fonts will be automatic linked to the project.
- On iOS: Drag your splash screen images and drop it to
$ProjectName/Images.xcassets/SplashScreen
- On Android: Replace
launch_screen
inapp/src/res/drawable
folder with your splash screen images.
By default, the project name is AwesomeProject
. If you want to change the project name, you can run: yarn run rename <newName>
.
Atomic Design helps to build consistent, solid and reusable design systems
Atoms are the smallest possible component, such as typography(h1, h2, h3, body1, body2,...), buttons, icons, inputs,... It must be the smallest functional unit.
Molecules are groups of two or more atoms. These combinations of atoms take on their own unique properties, and become more tangible and operational than atoms.
Organisms are assemblies of molecules functioning together as a unit. The components begin to have the final shape, but they are still ensured to be independent and reusable in any content.