ReactFoo Pune

On lessons learned during implementation.

Rishichandra Wawhal

@wawhal

Fullstack React Native

Submitted Jan 6, 2018

If you are a React Native developer, you build native mobile applications using JavaScript and React. However, you are dependent on a backend which you will definitely need to handle tasks such as push-notifications, authentication, chats etc. Given that you know JavaScript, you can easily learn to write a backend server and achieve all the aforementioned tasks. Also, you can deploy them very easily using Docker and Kubernetes.

This talk is about setting up a custom API, deploying it and integrating it with a React Native application. We will go over writing a simple nodeJS server with functionalities like push notifications, web sockets etc and integrate it with a React Native Application. Finally, we will talk about an efficient way to deploy this server.

Outline

  1. Need for fullstack
    • The world is moving towards fullstack
    • Why limit yourself to just front end when backend is incredibly easy
  2. Setting up and integrating a nodeJS API with react-native
    • Simple API client: fetch
    • Adding push notifications
    • Websockets API and integrating websockets API with react-native
    • Session Management
  3. Deploying API
    • Dockerising
    • Deploying with kubernetes
  4. Conclude why the transition from front-end to fullstack is really easy

Speaker bio

  • Engineer at Hasura
  • React Native Enthusiast
  • I like to write code and build muscle

Slides

https://docs.google.com/presentation/d/1eZ4NmzoUsVsFHfUeRzIK88P7U_Sz3NQH10DkL9rIJME/edit?usp=sharing

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

A community - for and of - front-end engineers to share experiences with ReactJS, performant apps with React, crafting better User Interfaces (UI) with React and GraphQL ecosystem. ReactFoo also discusses design patterns and user experience. more