React

How to use the redux dev tools to speed up development and debugging

By Dillion Megida   19,057 Dec 24, 2020

Redux dev tools are development tools used to debug Redux-based applications. In this article, we'll learn more about how this tool aids the development and debugging of applications.

Building a WordPress Website with React (Frontity)

By David Adeneye   14,177 Dec 21, 2020

According to W3tech, nearly 35% of the websites over the internet are powered by WordPress. The development of WordPress has always been center around PHP, but as the use of headless CMS grows, you can now seamlessly build fast websites with React and WordPress using a framework like Frontity.

Svelte for React Developers

By Adaware Oghenero   10,286 Dec 17, 2020

Guide to learning svelte from a React developer perspective. Learn how React features like components, props, state, two-way binding are implemented in Svelte....

Build Real-World React Native App #7: Send Feedback with Formik, Yup, Firebase Cloud Function and Sendgrid

By Krissanawat Kaewsanmuang   4,320 Dec 15, 2020

In this chapter, we will create a simple form in the Feedback.js file using Formik and submit form data to the Firebase Realtime Database. Then, we will subsequently forward the message to the sender’s email using Cloud Function and Sendgrid. The form will be for users to send their feedback on the post articles and […]

Build Real-World React Native App #6: Show Bookmark and Categories

By Krissanawat Kaewsanmuang   7,216 Dec 7, 2020

Here, we are going to implement the list view of bookmarked posts in the Bookmark screen and also work on implementing the Categories screen. For the post list in the Bookmark screen, we are going to use the post id that we saved to AsyncStorage from the SinglePost screen in the previous tutorial to fetch […]

Build Real-World React Native App #5: Single Post Screen and Bookmark

By Krissanawat Kaewsanmuang   36,833 Dec 2, 2020

We have already implemented the Home screen in which the posts are shown in list format. Now, what happens when we tap on a post from the screen? Until now, nothing will happen. But, now we are going to create a screen that will display the details of the post. This screen will be called […]

Build Real-World React Native App #4 : Content Placeholder

By Krissanawat Kaewsanmuang   5,409 Nov 27, 2020

Placeholders are an essential addition to the overall UI of any app. They enable us to show the temporary image or text until the actual data loads. Using them, users can know that the content is yet to load in the section placeholders are shown.

Build Real-World React Native App #3: Home Screen With React Native Paper

By Krissanawat Kaewsanmuang   7,345 Nov 23, 2020

In this chapter, we are going to implement the overall UI for the Home Screen in the Home.js file. Here, we are going to simply fetch data from the WordPress API and display the data on the Home screen as FlatList.

Build Real-world React Native App #2: React navigation and React native vector icons

By Krissanawat Kaewsanmuang   7,273 Nov 18, 2020

In this chapter, we use React navigation version 5 for bootstrap app navigation and create a blank screen to show how it works finally we setup react native vector icons for add icon to tabs.

Getting started with Next.js

By Ibrahima Khalil   6,686 Nov 16, 2020

Next.js is a React framework that allows you to build both client and server-side apps. It ships with handy features such as routing, static exporting, server rendering, internationalization.