React
How to use the redux dev tools to speed up development and debugging
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)
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
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
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
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
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
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
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
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
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.
Sign in \ Sign Up
Or use email\username to sign in
By Signing In \ Signing Up, you agree to our privacy policy