rangle / react-native-workshop Goto Github PK

Just example code in the gitbook and nothing in the app.

Some examples of the panResponder and a blurb about the touch event lifecycle. The React Native book has a good explanation:

Git Repo Set-up:

Just a one liner explaining how the repo is set-up (branch per section). Even adding a page similar to https://rangle-io.gitbooks.io/react-training/content/book/react_components/ should be self explanatory.

• Add a visual summary for Navigation section, very hard to tie everything together
• Add a comment above the state => state || action.payload (something to explain other reducers maintain state, and not stack reducer, so state is always null)

• Need to add an example component test with Enzyme. Something similar to this: https://github.com/rangle/react-native-training/blob/07-ui-testing/test/Button.js

Just to give an idea of what is required to be built. Adding an exercise section as well.

Have to checkout another branch, build and then switch back to master. We should probably just make 1-hello-world the main branch.

We should take a look at these.

(1)

(2)

The spacer is only required on iOS, so the code example should be updated to account for this.

const Spacer = Platform.OS === 'ios' ? <KeyboardSpacer /> : null;

Add a text input to the bottom of the pokedex view which will be used to filter the list of pokemon

Using the Loader component as an example.

Add a link to this in the course content: http://browniefed.com/react-native-animation-book/index.html

Add a short intro to ListView and then break down the section into 4 tasks:

• ListView
• SearchBar (with an intro for textInput)
• KeyboardSpacer
• Wire up goTo

Using the Pokemon details view as an example: https://github.com/rangle/react-native-workshop/blob/master/src/containers/PokemonDetails.js

Using the pokedex view (list of pokemon) as an example. https://github.com/rangle/react-native-workshop/blob/master/src/containers/Pokedex.js

A section (or a few lines) describing what to do and a screen shot of the design.

Keyboard / text input visually broken on Android builds. It seems to work functionally — just not visually. Not sure what's happening here, but the iOS version looks much more graceful:

Introduce View & Text and Layout with CSS (FlexBox).

For CSS, we can probably reuse the content from CSS training.

• http://rangle.github.io/intro-to-modular-css/#/39?_k=sckrhv
• https://github.com/rangle/intro-to-modular-css