Creating React Native apps with Django rest-api

A app developer shares how to create React Native apps using Django

  • In this blog post, I am going to share basic steps for developing a React Native app with Django rest-api.
  • I have been mostly developing native mobile apps But sometimes it seems like time consuming to develop a simple app with same functionalities for both iOS and Android.
  • Finally, we create an api function in views.py which will server requests at /api/list end poin_t_ – – We are ready for creating our React Native app now.
  • You can try out expo APIs here – – In Short, React Native is powerful framework for building iOS and Android apps.
  • Find the full source code of React Native app (PyconLunch) on Github.

This blog post explains about creating a simple React Native app with modern tools and packages.
Continue reading “Creating React Native apps with Django rest-api”

ReactJS, React Native & GraphQL Newsletter: 58

  • , discuss the new licensing updates to React, React Native & GraphQL, use Power BI for data visualizations and much more!
  • Hot Module Replacement support to Haul, a command line tool for developing React Native apps based on Webpack.
  • If you’re building a React Native app it’s almost a guarantee that you’ll have to build at least one form.
  • That’s it for the newest edition of the best ReactJS, React Native & GraphQL Newsletter!
  • Like & follow for all the news about ReactJS, React Native & GraphQL!

This week we look at React 16 (finally!), discuss the new licensing updates to React, React Native & GraphQL, use Power BI for data visualizations and much more!
Continue reading “ReactJS, React Native & GraphQL Newsletter: 58”

Testing in React Native — Jest & Detox – Pillow.codes

Testing in React Native  with  Jest & Detox



#ReactJS #Jest

  • Testing can help identify bugs introduced during the development phase of the app and addressing these bugs before release means that your users will always get to use a reliable product.What kind of tests can we use?Unit tests are used to test small modular pieces of code (aka units) independently.Integration tests…
  • One of my favorite things about Jest is a feature called Snapshot testing.Snapshot tests are a very useful tool whenever you want to make sure the UI for a component or the object from an redux action or reducer does not change unexpectedly.Here’s a good explanation of what a snapshot…
  • Here’s a simple example on how to set this up.Jest tests for Pillow Pro appE2E tests: DetoxAn end-to-end test emulates a user by finding and interacting with pieces of UI in your app in a production/release environment.Detox is a gray box E2E Tests and Automation Library for Mobile Apps built by WixWe…
  • Here’s how we handle them in Detox:LoginHere’s a simple example of what a detox test for logging into the app might look like:DemoAnd finally, here’s a part of our E2E test suite in action.
  • Also, automating the tests on Bitrise CI has helped us streamline our release pipeline by preceding every release with the tests workflow.Hopefully, this post details how easy it is to test a React Native app and automate the testing process as well.

At Pillow, we release an update to our Pillow Pro app (iOS & Android) every 2 weeks or so. Most releases are over-the-air (OTA) updates that are done using CodePush, and are fully automated with…
Continue reading “Testing in React Native — Jest & Detox – Pillow.codes”

10 Best React Native App Templates of 2017

10 Best #React Native App Templates of 2017 | via @tuts+   #appdev

  • One of the most popular React Native app templates available at CodeCanyon, MStore Pro allows users to convert their existing online shop to a mobile store app.
  • The React Native app template allows users to quickly and easily create a currency converter mobile app for any country in the world.
  • The cleverly named Tudu React Native app template aims to help developers create a simple, streamlined productivity app that will appeal to a wide cross-section of users.
  • This React Native app template allows users to register with their name, email and a password, and lets them start chatting with other members in the group.
  • So polish up your app’s initial appearance with BeOnboard, a collection of 18 React Native app templates which are designed to be used with any app in order to explain the app’s functionality to new users.

React Native has
been gaining in popularity for one obvious reason: it allows developers to write
code across different mobile operating systems. This means that they no longer
have to build the…
Continue reading “10 Best React Native App Templates of 2017”

Easily Build Forms in React Native – React Native Development – Medium

How to Easily Build Forms in React Native:

  • It makes creating forms in React Native easy by simply having to define a model for that form and you’re set!
  • Snack will automatically pull that in for us.Tip: I find that scanning the QR code from the Expo app on my device gives the best development experience.If you prefer to do this outside of Snack make sure you install tcomb-form-native via npm or yarn.What We’re BuildingWe’ll be building a sign up…
  • First we need to get the Form component (line 6) then we need to render the form and pass our model to it as the type (line 19).
  • We create an object, add a key named “fields” (since we’re modifying the fields), add a key to this object that aligns with the key in our model (“terms”), and then inside that object we set the new label.Code is easier to understand.Then pass those options to the Form componentLet’s…
  • Just about everything in the default form is customizable.As you can see tcomb-form-native makes building forms quick and easy but also gives you the flexibility you need to create forms the give users the necessary info and fit with the rest of your app (unless I’m designing of course).

If you’re building a React Native app it’s almost a guarantee that you’ll have to build at least one form. The reality is you’ll probably build quite a few (sign in, sign up, edit profile, etc.) Yeah…
Continue reading “Easily Build Forms in React Native – React Native Development – Medium”

From native to React Native

  • After developing mobile applications for more than eight months, I had the opportunity of joining a project that was being developed using React Native, an open source JavaScript library that, according to its documentation, lets you build mobile apps using only JavaScript.
  • React Native it’s a very new technology announced on the beginning of 2015 – just a couple years ago – where the main objective is to allow the development of mobile apps using the same design as React, letting you compose a rich mobile UI from declarative components.
  • There were a lot of things that I enjoyed about developing a React Native app, like the flexibility that you can get out of JavaScript after get used on how it works and the core concepts of React.
  • I had a really great time working with React Native and after developing the base components I felt that creating new screens was even faster than coding on native languages.
  • Another great factor that makes it easy to develop apps using React Native is the fact that the JavaScript community is huge, this means lots and lots of knowledge shared on Stack Overflow.

React Native main objective is to allow the development of mobile apps using the same design as React.
Continue reading “From native to React Native”

Creating React Native apps with Django rest-api

A app developer shares how to create React Native apps using Django

  • In this blog post, I am going to share basic steps for developing a React Native app with Django rest-api.
  • I have been mostly developing native mobile apps But sometimes it seems like time consuming to develop a simple app with same functionalities for both iOS and Android.
  • Finally, we create an api function in views.py which will server requests at /api/list end poin_t_

    We are ready for creating our React Native app now.

  • You can try out expo APIs here

    In Short, React Native is powerful framework for building iOS and Android apps.

  • Find the full source code of React Native app (PyconLunch) on Github.

This blog post explains about creating a simple React Native app with modern tools and packages.
Continue reading “Creating React Native apps with Django rest-api”