Slide Details

Slide Why How

Why !!!

• You want to develop mobile apps.
• You are a JS guy, Just awesome for you.
• Close to native feel
• You also want to write code once, runs everywhere. React is more generic than other platforms. (because of you can use same implementation for both front-end and back end. And also if you are a react guy, you can simple change easily and you have no need to wait for back-end guy.)
• New developer on-boarding is easier than other platforms.
• I wanted to know how does it feels on developing app on cross platform !!! I am a native app developer.
• Choose RN because FB is behind this(facebook app android, ios and web, instagram).
• Hot reloading.

Meets Fire And Ice

Slide How We Used Redux

We use redux to manage state overall the system, ie centralised database. Component subscribe to the state under specific key.

• We dispatches action based on user action, ie tap.
• The action eventually calls the api and gets the payload.
• Reducer validate the payload.
• The the Store is updated through the new payload.
• Component gets updated based on that state, as it is subscribe for the specific key.
• From View to View, we transfer data using redux.

Cool tools for design

• Using Flex, Xml based UI git conflict on native is absence when a big team is working
• Child lay-outing from parent.
• Device compatibility
• Easy to learn
• Less code to make a UI up and running.

challenges

Each component has lifecycle methods We faced challenge for reusable component Due to redux, when we used same component for showing different details views, it was showing only first item. We resolved it “componentDidUnmount”

Slide 1 to 4 @musa Demo @rayhan Slide 5 to 8 @shuvro Slide 9 to 11 and 12/2 @arnab slide 12/2 to 16 @rayhan slide @14 @all.