Clik here to view.
Real-time Location Tracking with React Native and PubNub
With ever-increasing usage of mobile apps, geolocation and tracking functionality can be found in a majority of apps. Real-time geolocation tracking plays an important role in many on-demand services,...
View ArticleClik here to view.
How to Build a News App with Svelte
Svelte is a new JavaScript UI library that's similar in many ways to modern UI libraries like React. One important difference is that it doesn't use the concept of a virtual DOM. In this tutorial,...
View ArticleClik here to view.
Cloning Tinder Using React Native Elements and Expo
Making pixel-perfect layouts on mobile is hard. Even though React Native makes it easier than its native counterparts, it still requires a lot of work to get a mobile app to perfection. In this...
View ArticleClik here to view.
Getting Started with GraphQL and React Native
In 2012, Facebook engineer Nick Schrock started work on a small prototype to facilitate moving away from an old, unsupported partner API that powered the current Facebook News Feed. At the time, this...
View ArticleClik here to view.
8 Ways to Style React Components Compared
I've been working with a couple of developers in my office on React JS projects, who have varied levels of React JS experience. We've been solving some crazy problems like handling the weird way Redux...
View ArticleClik here to view.
How to Build a Tic Tac Toe Game with Svelte
Svelte is a next generation way of building user interfaces. While frameworks like React, Vue and Angular do the bulk of their work in the browser, Svelte takes it to the next level. It does its work...
View ArticleClik here to view.
How to Build a Web App with GraphQL and React
In this tutorial, we'll learn to build a web application with React and GraphQL. We'll consume an API available from graphql-pokemon and serve it from this link, which allows you to get information...
View ArticleClik here to view.
React Native End-to-end Testing and Automation with Detox
Detox is an end-to-end testing and automation framework that runs on a device or a simulator, just like an actual end user. Software development demands fast responses to user and/or market needs. This...
View ArticleClik here to view.
Getting Started with the React Native Navigation Library
One of the most important aspects of React Native app development is the navigation. It’s what allows users to get to the pages they’re looking for. That’s why it’s important to choose the best...
View ArticleClik here to view.
Create a Toggle Switch in React as a Reusable Component
In this article, we're going to create an iOS-inspired toggle switch using React components. By the end, we'll have built a simple demo React App that uses our custom toggle switch component. We could...
View ArticleClik here to view.
React with TypeScript: Best Practices
React and TypeScript are two awesome technologies used by a lot of developers these days. Knowing how to do things can get tricky, and sometimes it's hard to find the right answer. Not to worry. We've...
View ArticleClik here to view.
How to Migrate a React App to TypeScript
When I first started learning TypeScript, one of the suggestions I often heard was, "convert one of your existing projects! It's the best way to learn!" Soon after, a friend from Twitter offered to do...
View ArticleClik here to view.
20 Essential React Tools for 2020
The React ecosystem has evolved into a growing list of dev tools and libraries. The plethora of tools is a true testament to its popularity. For devs, it can be a dizzying exercise to navigate this...
View ArticleClik here to view.
How to Replace Redux with React Hooks and the Context API
The most popular way to handle shared application state in React is using a framework such as Redux. Quite recently, the React team introduced several new features which include React Hooks and the...
View ArticleClik here to view.
Build a Node.js CRUD App Using React and FeathersJS
Building a modern project requires splitting the logic into front-end and back-end code. The reason behind this move is to promote code re-usability. For example, we may need to build a native mobile...
View Article