React Native Candy Crush Clone (itnext.io)
Apr 03, 2020
I started building JellyBean Jam as a volunteer project for Puppetry Arts LLC. I wanted to gain experience in React Native and it seemed like a fun way to get started.
Before we get started, don’t forget to download JellyBean Jam for free on the App Store and try it out. My high score is 1400.
Building and styling tables with react-table v7 (blog.logrocket.com)
Apr 02, 2020
It’s widely acknowledged that creating a table with React is a pain. No surprise, then, that there are many libraries to make creating tables easier for React apps. One of these packages that aims to make our lives easier is react-table. It provides a modern, Hooks-based API to let us create tables with React with little hassle. In this article, we’ll look at how to use react-table to add tables to our React app.
Expo SDK 37 is now available (blog.expo.io)
Apr 01, 2020
Today, we’re announcing our first release of the decade! Expo SDK v37.0.0 (which uses React Native 0.61 internally) is our Spring release, but also inaugurates a new, bolder approach to empowering developers.
Jest tests with react context api (itnext.io)
Apr 01, 2020
I always find myself doing dumb mistakes all over the code that could easily be caught by well-written tests. Last fall I attended this conference where this workshop leader said if you really want your developers to write good tests, you have to make the developers accountable. And you do that by fire all the testers. I love testers though.
Building A Web App With Headless CMS And React (smashingmagazine.com)
Apr 01, 2020
This article introduces the concept of the headless CMS, a backend-only content management system that allows developers to create, store, manage and publish the content over an API. It gives developers the power to quickly build excellent user experiences, free from the worry of its impact on the back-end business logic.
Using Tailwind CSS with Create React App (daveceddia.com)
Mar 30, 2020
I’ve been hearing a lot about Tailwind CSS lately and I wanted to give it a try, but I wanted to combine Tailwind with Create React App. In this post I’ll show you how to use Create React App with Tailwind CSS in just a couple quick minutes.
Building a Real-Time Chat App with React and Firebase (css-tricks.com)
Mar 25, 2020
In this article, we’ll cover key concepts for authenticating a user with Firebase in a real-time chat application. We’ll integrate third-party auth providers (e.g. Google, Twitter and GitHub) and, once users are signed in, we’ll learn how to store user chat data in the Firebase Realtime Database, where we can sync data with a NoSQL cloud database.
Comparing hooks libraries for GraphQL (blog.logrocket.com)
Mar 24, 2020
There are two major React Hooks libraries: graphql-hooks and apollo/react-hooks. To help you determine which library is best for your next GraphQL project, let’s compare them, examine their features, and weigh the pros and cons.
Introducing React Navigation 5 (saidhayani.com)
Mar 23, 2020
I’m a big fan of this library and my first solution to handle the Navigation in React Native, it has an awesome and easy API, very customizable. version 5 just went from beta to stable. and it comes with some features changes and new API design that is a simple and different way to declare the Routes. In this article, we are going through the new APIs and ways to use them in our applications.
React Suspense in Practice (css-tricks.com)
Mar 19, 2020
This post is about understanding how Suspense works, what it does, and seeing how it can integrate into a real web app. We'll look at how to integrate routing and data loading with Suspense in React.
Getting started with Postgres in your React app (blog.logrocket.com)
Mar 19, 2020
In this tutorial, we’ll demonstrate how to create a small application using Express and Node.js that can record and remove information from a PostgreSQL database according to the HTTP requests it receives. We’ll then create a simple React app to test and see how the entire application flows from front to back.
A Sneak Peek at React Router v6 (alligator.io)
Mar 17, 2020
At the time of this writing, React Router v6 is still in alpha, but the time is about right to start playing with it and exploring what’s to come. This guide will give you a peek at the new features/changes!
NextJS OAuth with Passport + Github (zemuldo.com)
Mar 14, 2020
Getting started with styled-components in React (emgoto.com)
Mar 13, 2020
If you’re looking for a way to write easily maintainable and portable CSS in React, you may be interested in using the styled-components library. It’s one of a number of CSS in JS libraries that let you skip some of the pains that you may otherwise experience dealing with large and unwieldy .css files.
How to Migrate a React App to TypeScript (sitepoint.com)
Mar 12, 2020
The purpose of this article is to be that friend for you and help you migrate your own project to TypeScript. For context, I will be using pieces from a personal project which I migrated while going through this process myself.
React Native Starter Kits Review for 2020 (blog.bitsrc.io)
Mar 10, 2020
In this article we are going to review the number of the best React Native starter kits to give you a fuller view of them. If you like something, follow a link in the description of the chapter and jump into the mobile development world. Enjoy reading!
Visual Open Authoring with Next.js & TinaCMS (dev.to)
Mar 10, 2020
We're focused on improving the independent web as a whole. We want to craft tools that help people build better sites and create better content. In line with this mission, we sought to create something we call Visual Open Authoring.