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”

Learn Redux by coding a Mini-Redux – Jakob Lind

Do you think Redux is complicated? Learn Redux by coding your own mini-redux  #reactjs

  • The whole point with Redux is to have one single source of truth for your application state.
  • The state is stored as a plain Javascript object in one place: the Redux Store.
  • When Redux is used with React, it is the React components that get notified when state changes, and can re-render based on new content in the store.
  • We can copy/paste that example to test our own Redux implementation: – – Get the full code to run it on your machine by signing up to my email list below!
  • In the next blogpost, we will code the connect function which binds your Redux store to React components.

There are lots of resources for learning Redux. There is the official documentation, examples, tutorials, blog posts, boilerplates, Youtube videos, podcasts, etc… The list goes on. Even though we have so many great resources to learn from, new developers coming in still sometimes gets confused. It’s an overwhelming amount of content and it can be difficult to filter out the relevant stuff.
Continue reading “Learn Redux by coding a Mini-Redux – Jakob Lind”

Changing Default Splash Screen In React Native

  • I remember when I wanted to add a splash screen to my React Native application, it took me a while to implement the feature.
  • I’ve decided to write a blog post about an easy way to add your customized splash screens to your React Native apps.
  • Follow these steps to create and run your app: – – Here is a screen shot of the default splash screen: – – – – Next, you need to generate your splash screen sizes for different mobile views.
  • Here a few examples of splash screen generator sites you can use: Ape Tools, TiCons.
  • Here are the steps to follow: – – I hope you were able to follow the steps to get your splash screens on your apps.

Step by step tutorial on adding splash screens to your applications.
Continue reading “Changing Default Splash Screen In 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”

JavaScript Design Patterns – Meryl Dakin – Medium

JavaScript Design Patterns  #softwaredesignpatterns #mvc #react #javascript #reactjs

  • The gif below shows the interaction among these.MVC DemonstrationThe Controller (animalsController) updates the View (animalList)The View (animalForm) delivers User input to the ControllerThe Controller updates the Model (Animal) of changes based on User inputThe Model notifies the Controller of the changes so the Controller can update the View (animalList)MVC ComponentsModel- The model works with the database and API’s to call for and structure the data for the app.
  • It informs the Controller of the current state of the data so the Controller can serve that information to the View.View- The view is the user interface of the app.
  • When the Model gets user data, it can change the state of the app and pass the new state back to the Controller.Controller- The controller is the go-between from Model and View.
  • Component Architecture of ZooBookIn React, the components act like Views on steroids.The Components all represent a rendered piece of the website, but they also do the work of maintaining state and logic (without a state management tool like Redux).
  • — Thinking in React, React.js DocsComponent DemonstrationThe layers we have are performing the following roles:Presentational Components:App: Renders the NavBar and ZooContainerNavBar: Renders links around the site and the site titleZooForm: Renders form for User inputZooList: Renders container for animals to be appended into a listAnimal: Renders each animal in ZooList“Smart” Component (maintains state):ZooContainer: This layer is special.

As a developer with experience in Rails and vanilla JavaScript but new to React.js, the most intimidating shift is going from Model-View-Controller architecture to Component architecture. This post…
Continue reading “JavaScript Design Patterns – Meryl Dakin – Medium”

Stack Overflow Trends

An interesting tool from @stackoverflow #trends #frontend #dev #coding #reactjs

  • See how technologies have trended over time based on use of their tags since 2008, when Stack Overflow was founded.
  • Enter up to 15 tags to compare growth and decline.
  • Don’t know what tags to look at?

Use Stack Overflow Insights and get information required to understand, reach, and attract developers.Improve tech hiring, recruiting, developer marketing, and and planning initiatives.
Continue reading “Stack Overflow Trends”

Building a new backend — Part 1 – lookapanda – Medium

Building a new backend — Part 1  #discord #webdevelopment #react #javascript #node #reactjs

  • Building a new backend — Part 1In this story I’d like to document my experiences in building a new backend.It represents my personal experiences and is not related to my profession as a Software Engineer.What is the backend for?This is a legitimate question, of course.
  • There is no real goal yet, I see it more like a personal challenge and practice.Some of my first pieces of code using LaravelI already built a backend quite some time ago already written in PHP using Laravel.
  • Times change quickly in a developers world and today I’m mostly programming in JavaScript (ES6, Node, etc.) and not that much in PHP anymore.Today (2017) I want to create something new again using the most modern technologies I can find.
  • REST APIs access information after all and said information needs to be stored somewhere.With my PHP API I was using MySQL (or actually MariaDB) and with my Node API it was MongoDB.
  • It should be easy to use but also powerful.In my next blog post I will share my first experiences in using Cassandra for building the database and probably also my decission for the framework I’ll be using.If you’ve come so far to read this very line, I want to say thank you.

In this story I’d like to document my experiences in building a new backend.
It represents my personal experiences and is not related to my profession as a Software Engineer. This is a legitimate…
Continue reading “Building a new backend — Part 1 – lookapanda – Medium”