bump react native version (#336)

* 📚(bump version): bump version to 2.3.1 and improve contents with automatic version finder

* ✨(bump version): bump version to 0.71.3 and ts support by default

* 💎(lint): remove unused import

* 🐙(ci): remove unused cp command

* ♻️(refactoring): re-add dot files

* chore(plugin): fix lint errors

---------

Co-authored-by: jeremydolle <[email protected]>

Author: JeremyDolle

.github/workflows/w-run-linters.yml

@@ -11,6 +11,4 @@ jobs:
       - name: Run linters
         run: |
           cd template
-          cp _prettierrc.js .prettierrc.js
-          cp _eslintrc.js .eslintrc.js
           yarn lint

.gitignore

@@ -18,12 +18,3 @@ yarn-lock.json
 package-lock.json
 
 node_modules
-
-# Ignore specific files copying by RN CLI
-template/.gitignore
-template/.gitattributes
-template/.eslintrc.js
-template/.flowconfig
-template/.buckconfig
-template/.prettierrc.js
-template/.watchmanconfig

documentation/blog/assets/typescript.png

@@ -3,13 +3,20 @@ slug: /Introduction
 title: What's in the box❓
 ---
 
+import deps from '../../template/package.json'
+export const Version = ({name, dev}) => (
+  <span>
+    {deps[!!dev ? 'devDependencies' : 'dependencies'][name]}
+  </span>
+);
+
 <div align="center">
     <img width="300" height="300" src={require('./assets/TOM.png').default} />
 </div>
 
 This project is a [React Native](https://facebook.github.io/react-native/) boilerplate that can be used to kick-start a mobile application.
 
-The boilerplate provides **an architecture optimized for building solid cross-platform mobile applications** through separation of concerns between the UI and business logic. 
+The boilerplate provides **an architecture optimized for building solid cross-platform mobile applications** through separation of concerns between the UI and business logic.
 We made this full documentation so that each piece of code that lands in your application can be understood and used.
 
 
@@ -26,46 +33,47 @@ The driving goal of the architecture of the boilerplate is separation of concern
 
 - **Presentational components are separated from containers**.
 
-    Presentational components are small components that are concerned with *how things look*. 
+    Presentational components are small components that are concerned with *how things look*.
     Containers usually define whole application screens and are concerned with *how things work*: they include presentational components and wire everything together.
-    
+
     If you are interested you can [read more about it here](https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0).
 
 - **State is managed using global [Redux](https://redux.js.org/) stores**.
 
     When applications grow, sharing state and its changes can become very hard. Questions like "How can I access this data?" or "When did this change?" are common, just like passing data around components just to be able to use it in nested components.
-    
+
     With Redux, state is shared using global *stores*, and changes are predictable: *actions* are applied by *reducers* to the state. While the pattern can be a bit much for small projects, the clear separation of responsibilities and predictability helps with bigger applications.
-    
+
     If you are interested you can [read more about it here](https://redux.js.org/introduction/motivation).
-    
-## Content 🧳
 
-The boilerplate contains:
+## Content 🧳
 
-- a [React Native](https://facebook.github.io/react-native/) (v**0.65.1**) application (in "[ejected](https://github.com/react-community/create-react-native-app/blob/master/EJECTING.md)" mode to allow using dependencies that rely on native code)
-- a [clear directory layout](#directory-layout) to provide a base architecture for your application
-- [Redux](https://redux.js.org/) (v**4.1.1**) to help manage state
-- [Redux Persist](https://github.com/rt2zz/redux-persist) (v**6.0.0**) to persist the Redux state
-- [React Navigation](https://reactnavigation.org/) (v**6**) to handle routing and navigation in the app, with a splash screen setup by default
-- [redux toolkit](https://redux-toolkit.js.org/) (v**1.6.1**) to make redux easier
-- [axios](https://github.com/axios/axios) (v**0.21.4**) to make API calls
+The boilerplate contains a [clear directory layout](#directory-layout) to provide a base architecture for your application with some essential dependencies:
+- [React Native](https://facebook.github.io/react-native/) (v**<Version name="react-native"/>**) application (in "[ejected](https://github.com/react-community/create-react-native-app/blob/master/EJECTING.md)" mode to allow using dependencies that rely on native code)
+- [Redux](https://redux.js.org/) (v**<Version name="react-redux"/>**) to help manage state
+- [Redux Toolkit (Query)](https://redux-toolkit.js.org/) (v**<Version name="@reduxjs/toolkit"/>**) to improve redux api calls
+- [Redux Persist](https://github.com/rt2zz/redux-persist) (v**<Version name="redux-persist"/>**) to persist the Redux state
+- [React Native mmkv](https://github.com/mrousavy/react-native-mmkv) (v**<Version name="react-native-mmkv"/>**) which is an efficient, small mobile key-value storage
+- [React Navigation](https://reactnavigation.org/) (v**<Version name="@react-navigation/native"/>**) to handle routing and navigation in the app, with a splash screen setup by default
+- [React I18Next](https://github.com/i18next/react-i18next) (v**<Version name="react-i18next"/>**) to handle internationalization in your app
 - [prettier](https://prettier.io/) and [eslint](https://eslint.org/) preconfigured for React Native
-- [react-native-flipper](https://fbflipper.com/) (v**2.0.0**) to debug react-native and [redux-flipper](https://github.com/jk-gan/redux-flipper) (v**1.4.2**) to debug redux
+- [react-native-flipper](https://fbflipper.com/) (v**<Version name="react-native-flipper" dev/>**) to debug react-native,
+ [redux-flipper](https://github.com/jk-gan/redux-flipper) (v**<Version name="redux-flipper" dev/>**) to debug redux,
+ [navigation devtool](https://www.npmjs.com/package/@react-navigation/devtools) (v**<Version name="@react-navigation/devtools" dev/>**) to debug navigation,
+
 
 The boilerplate includes an example (displaying fake user data) from UI components to the business logic. The example is easy to remove so that it doesn't get in the way.
 
 ## Directory layout 🗂️
 
-- `src/Assets`: assets (image, audio files, ...) used by the application
-- `src/Components`: presentational components
-- `src/Config`: configuration of the application
-- `src/Containers`: container components, i.e. the application's screens
-- `src/Navigators`: react navigation navigators 
-- `src/Services`: application services, e.g. API clients
-- `src/Stores`: redux [actions, reducers and stores](https://redux.js.org/basics)
-- `src/Translations`: application strings, you can add languages files and be able to translate your app strings
-- `src/Theme`: base styles for the application
+- `src/components`: presentational components
+- `src/hooks`: hooks of the app, you will have the `useTheme` hook to access the theme
+- `src/navigators`: react navigation navigators
+- `src/screens`: container components, i.e. the application's screens
+- `src/services`: application services, e.g. API clients
+- `src/stores`: redux [actions, reducers and stores](https://redux.js.org/basics)
+- `src/theme`: base styles for the application
+- `src/translations`: application strings, you can add languages files and be able to translate your app strings
 
 ## Updates 🕐
 

documentation/docs/1_Introduction.md renamed to documentation/docs/1_Introduction.mdx

@@ -4,7 +4,7 @@ title: Configuration
 ---
 
 ## Change the appicon
-To help generate appicons, you can use an online tool like [appicon](https://appicon.co/) to generate for both iOS and Android all icons and image sets.
+To help generate appicons, you can use an online tool like [appicon](https://appicon.co/) or [easyappicon](https://easyappicon.com/) to generate for both iOS and Android all icons and image sets.
 
 ### iOS 🍎
 To change the appicon of the iOS application, you need to replace all the content of