⚠️ WORK IN PROGRESS ⚠️

This project is a React Native workshop based on our boilerplate. In this specific project, we will provides code examples that can be implemented using our boilerplate and also specific UI components.

The architecture is the same as our boilerplate. So you have a good separation of concerns, state managed with Redux, the middleware Redux Saga and Axios for API calls. For more information or details go to the boilerplate documentation.

This application will follow this layout :

• App/Assets: assets (image, audio files, ...) used by the application.
• App/Components: presentational components
  • Components/CodeExample/Examples: contains components for the Examples section.
  • Components/CodeExample/Animations: contains components for the Animations section.
  • Components/CodeExample/Experiments: contains components for the Experiments section.
• App/Config: configuration of the application
• App/Containers: container components, i.e. the application's screens
  • Containers/CodeExample/Examples: provides code example that can be implemented using the boilerplate like The login screen.
  • Containers/CodeExample/Animations: contains simple or complex animations that can be used in a standard app.
  • Containers/CodeExample/Experiments: contains screen to make experimental components
• App/Navigators: react navigation navigators
• App/Sagas: redux sagas
  • Sagas/CodeExample/Examples: Stores related to Examples code section.
  • Sagas/CodeExample/Animations: Stores related to Animations section.
  • Sagas/CodeExample/Experiments: Stores related to Experiments section.
• App/Services: application services, e.g. API clients
• App/Stores: redux actions, reducers and stores
• App/Theme: base styles for the application

In this app you will find these 3 sections :

• Examples code:
  • A simple demo of an API call with error handling with redux, redux saga and axios
  • A session login implementation
• Experiment:
  • The utilisation of svg shadow (:construction:)
  • The utilisation of react-native-community/react-native-linear-gradient (:construction:)
  • Navbar with extra central button (:construction:)
• Animations:
  • create input animation :
    • bounce enter (:construction:)
    • shake if error (:construction:)

Node 8.3 or greater is required. Development for iOS requires a Mac and Xcode 9 or up, and will target iOS 9 and up.

You also need to install the dependencies required by React Native:

• for Android development
• for iOS development

This project is released under the MIT License.

TheCodingMachine is a web and mobile agency based in Paris and Lyon, France. We are constantly looking for new developers and team leaders and we love working with freelancers. You'll find an overview of all our open source projects on our website and on Github.