Challenge Overview
This challenge is part of a new project involving React Native. The eventual goal is to have a way to build React Native apps for Hercule's embedded devices that communicate with the device over websockets, using the proprietary XRE messaging protocol. One piece we're working is the layouts for React Native. This challenge will implement a React Native app or set of apps that cover all possible layout options and properties, including common combinations of the different properties.
Note
This challenge is *only* React Native. We will do work to translate it to the XRE stuff later, so all you need to do is implement the React Native requirements covered below.
Requirements
Your submission for this challenge should be a single React Native app that clearly shows all layout properties listed here: https://facebook.github.io/react-native/docs/layout-props.html. Have a look here for some examples to help get you started:
https://code.tutsplus.com/tutorials/get-started-with-layouts-in-react-native--cms-27418
The goal for the challenge and the submission is to show all individual layout properties, and how they can be combined and affect each other.
The actual app itself and how that's defined and navigated is up to you, but it should:
1. Properly test all the different options and common combinations
2. Be documented and easily navigable.
If a single React Native app is too cumbersome, it's fine if we split into a few apps, but the preference is for a single app that can be used to demo everything.
Best practices
The code should follow React Native best practices, and we expect the code to be clear and concise as it will be used in documentation and for validation in the future. We will use the output of this challenge to build in the layout handling into our XRE layer, making sure to compare the output from XRE to the output displayed in this sample app.
Submission
Your submission should be a React Native app that can be built and installed on an Android device or simulator, meeting the requirements laid out above. Your README must clearly describe how to build and test the app.
A video of just the app running and some validation is all that is required. You don't need to cover the entire build in your video.
Note
This challenge is *only* React Native. We will do work to translate it to the XRE stuff later, so all you need to do is implement the React Native requirements covered below.
Requirements
Your submission for this challenge should be a single React Native app that clearly shows all layout properties listed here: https://facebook.github.io/react-native/docs/layout-props.html. Have a look here for some examples to help get you started:
https://code.tutsplus.com/tutorials/get-started-with-layouts-in-react-native--cms-27418
The goal for the challenge and the submission is to show all individual layout properties, and how they can be combined and affect each other.
The actual app itself and how that's defined and navigated is up to you, but it should:
1. Properly test all the different options and common combinations
2. Be documented and easily navigable.
If a single React Native app is too cumbersome, it's fine if we split into a few apps, but the preference is for a single app that can be used to demo everything.
Best practices
The code should follow React Native best practices, and we expect the code to be clear and concise as it will be used in documentation and for validation in the future. We will use the output of this challenge to build in the layout handling into our XRE layer, making sure to compare the output from XRE to the output displayed in this sample app.
Submission
Your submission should be a React Native app that can be built and installed on an Android device or simulator, meeting the requirements laid out above. Your README must clearly describe how to build and test the app.
A video of just the app running and some validation is all that is required. You don't need to cover the entire build in your video.