Getting Started with React Native and Flow – React Native Training – Medium

Getting Started with React Native and Flow 📱👌 #javascript #react #reactnative #flowtype

  • Using the Flow server For a large project, you probably only want Flow to recheck files incrementally when they change.
  • To get started, we first need to make sure we either have flow set up in our project at node_modules/bin/flow (as we have already done above) or installed globally.
  • To stop the server, we can run node_modules/.bin/flow stop to stop the server.
  • In our project, we start the server by running node_modules/.bin/flow , which we’ve saved as an npm script npm run flow .

Flow allows us to easily add static type checking to our JavaScript. Flow will help you prevent bugs and allow for better code documentation among other things. A lot of the React Native…
Continue reading “Getting Started with React Native and Flow – React Native Training – Medium”

React Native with MobX — Getting Started – React Native Training – Medium

  • Our App component will have access to the store as props.
  • Let’s create the App component.
  • Now that we have a store created, let’s to into the index file of the app and change the entry point to use the store and add create the navigation.
  • The app will have two main components, one that will allow us to create new lists and one that will allow us to add new items to our list.
  • We will have access to our store methods as props from our store and will be using them to interact with our app state.

Here, we will combine MobX and React Native to create a simple list app. If you’re looking to see how to get started with MobX and React…
Continue reading “React Native with MobX — Getting Started – React Native Training – Medium”

React Native with Apollo — Part 2, Apollo Client – React Native Development – Medium

  • We return the App component we will create next and wrap it in passing in the client as a prop.
  • create a new query using gql that we will use when we create the higher order component
  • gql will be used to create our query.
  • The graphql method will allow us to create a higher order component for providing Apollo data to a component.
  • create a component named President that we will pass to the higher order component along with the query

Here, we will be using the Apollo GraphQL server we created in part 1 to retrieve data from our database and render it in our app.
Continue reading “React Native with Apollo — Part 2, Apollo Client – React Native Development – Medium”

React Native with MobX — Getting Started — Medium

Get started with #ReactJS Native with MobX:

  • Our App component will have access to the store as props.
  • Let’s create the App component.
  • Now that we have a store created, let’s to into the index file of the app and change the entry point to use the store and add create the navigation.
  • Create an observable array called list
  • The app will have two main components, one that will allow us to create new lists and one that will allow us to add new items to our list.

Read the full article, click here.


@ReactiveConf: “Get started with #ReactJS Native with MobX:”


Here, we will combine MobX and React Native to create a simple list app. If you’re looking to see how to get started with MobX and React…


React Native with MobX — Getting Started — Medium