ReactNative

This week, we’re going to be learning how to use and implement the KeyboardAvoidingView.

If you’ve been following along so far, you should have built an app that can operate without an internet connection and is connected with Firebase. In this tutorial, you’ll be working on CRUD operations with Firebase; starting with learning how to insert data.

Whilst you can deploy an application using Heroku or various AWS services, at hackajob, believe that Firebase is one of the easiest and most documented platforms to integrate with any app.

Whilst we seem to have multiple tutorials available on our blog that detail how to develop a brand new app from scratch, we feel it’s important to take some additional time and learn what to do with an app after it’s been created; such as creating a launch screen and configuring launch icons.

Follow along and learn how to add Custom Fonts to an existing React Native project.

If you’ve been keeping up with all-things React Native, you’re likely to have heard about ‘hooks’. And in all honesty, there’s a big hype about about them.

Welcome back to the second part of our movie-themed list app tutorial. If you missed what we worked on last time, make sure to take a look before continuing...

Today we’re going to be building a fully functional ‘movie-themed’ app. Using some concepts shown in our previous tutorials such as Lists, Redux, React Navigation and Swipe buttons, we’ll be implementing this app in three parts:

Probably one of the most important parts of any app, a Progress Indicator is integral to the overall user experience.

When implementing an app, it’s easy enough to manage some states if the app in question is simple to manage or is a single-pager, but when adding some layers, screens and generally more complex elements, the states can start to get out of hand or become too complex to stay ‘integer’.

Ever wondered about Styled-Components? If you’re a web developer, you’ll know that ‘styled-components’ allow you to write CSS code for components in React Native. In fact, they can help to ease your path through React Native entirely.

One way or another, most developers are familiar with modals. There are lots of different ways to use modals in React Native. We’re going to be showing you how to use them via the ‘Alert’ component.

In our previous React Native article, we learned how to use ‘FlatList’ with the react-native-elements lib. In this hackajob tutorial, you’ll learn how to add a plus functionality within the app you created previously.

For our latest hackajob tutorial, we’ll be developing an app that implements a list, by using the ‘list’ component from the React Native Elements library. Make sure to look out for our fun twist, based on one of the most popular cartoon shows in the world...