react

JavaScript Fetch Tutorial: Send HTTP Requests With React.JS and Async-Await Example

JavaScript Fetch Tutorial: Send HTTP Requests With React.JS and Async-Await Example

In this tutorial and example, we'll see how to use Fetch to send GET requests inside a Reacts.js example application. We'll also see how to use the Async/Await syntax to...

React Apollo Hooks & Testing: useQuery with refetch and MockedProvider example

React Apollo Hooks & Testing: useQuery with refetch and MockedProvider example

In this example, we'll see how to use the new useQuery hook available from the apollo react-hooks package to send GraphQL queries and receive response with fetched data from APIs....

Consuming GraphQL APIs with React Hooks (useQuery) & Apollo Client

Consuming GraphQL APIs with React Hooks (useQuery) & Apollo Client

Throughout this tutorial, we'll see by example how to consume and fetch a GraphQL API with React Hooks and Apollo Client

React Native for Beginners Book [2019]

React Native for Beginners Book [2019]

Get the React Native for Beginners Book [2019]

 React Native Tutorial & Example [2019]

React Native Tutorial & Example [2019]

Throughout this tutorial, you’ll learn to create your first React Native app step by step by emphasizing basic theory and practice. We'll use the latest 0.6 version released in 2019...

Saving data in local databases with AsyncStorage & React Native

Saving data in local databases with AsyncStorage & React Native

In this tutorial, we'll learn how to use AsyncStorage in React Native to save data in a database.

Adding Navigation using React Navigation & Switch Navigator

Adding Navigation using React Navigation & Switch Navigator

In this tutorial, we'll learn how to add navigation using React navigation and the switch navigator

Adding stack navigation with Stack Navigator

Adding stack navigation with Stack Navigator

In this tutorial, we'll learn how to add navigation using React navigation and the switch navigator

Adding item separators and header to FlatList

Adding item separators and header to FlatList

In this tutorial, we’ll see how we can customize our FlatList component using a header and item separators

Opening external links with Linking in React Native

Opening external links with Linking in React Native

In this tutorial, we'll see how to use Linking in React Native to open external links and URLs

Creating your first React Native project

Creating your first React Native project

In this tutorial, we’ll teach you to build your first React Native mobile app from scratch going through the essential concepts

ES6 Modules - Import, Export & Default for React Native Devs

ES6 Modules - Import, Export & Default for React Native Devs

In this article, we'll focus on understanding the import, export and default keywords used in ES6 modules

React Hooks Tutorial: useState and useEffect Examples [2019]

React Hooks Tutorial: useState and useEffect Examples [2019]

React Hooks are a new feature that's recently released by the React team. In this tutorial, you will learn the basics of Hooks and how to migrate a React app...

ES6 Spread Operator in React by Example: Props and setState

ES6 Spread Operator in React by Example: Props and setState

In this post, you will learn about using the JavaScript Spread operator in React.

Ahmed Bouchefra
React Props Tutorial: Children Example

React Props Tutorial: Children Example

In this tutorial, you'll learn about React props

React Fragment Tutorial

React Fragment Tutorial

React Fragment Tutorial

React & Axios FormData: PHP File Upload Example with Multi-Form Data

React & Axios FormData: PHP File Upload Example with Multi-Form Data

In this tutorial, you'll learn how to handle multi-part Form Data in React by implementing a simple file upload example.

React & Axios JWT Authentication Tutorial with PHP & MySQL Server: Signup, Login and Logout

React & Axios JWT Authentication Tutorial with PHP & MySQL Server: Signup, Login and Logout

In this tutorial, you'll learn to create an example React application that implements JWT authentication using a PHP REST API server on top of a MySQL database.

Ionic 4 React Tutorial: Build a Mobile App with Ionic 4, Axios and React

Ionic 4 React Tutorial: Build a Mobile App with Ionic 4, Axios and React

In this tutorial we'll look at how to use React with Ionic 4 and Axios to build a mobile application

How to Pass, Access & Update Parent State from Child Components in React

How to Pass, Access & Update Parent State from Child Components in React

In this tutorial, you'll learn to access and update the state of a parent component from a child component in React

React 16.3 New Context API Tutorial

React 16.3 New Context API Tutorial

In this is quick tutorial you'll learn how to use the new Context API in React 16.3+

Ahmed Bouchefra
PHP, MySQL & React REST API Tutorial with Example Form

PHP, MySQL & React REST API Tutorial with Example Form

In this tutorial you will learn how to build a RESTful CRUD React app with PHP and MySQL.

Understanding React setState() (Callback, Async-Await and Promises)

Understanding React setState() (Callback, Async-Await and Promises)

In this tutorial we'll look at how to use React setState()

React Tutorial: Call & Consume a JSON REST API with Axios

React Tutorial: Call & Consume a JSON REST API with Axios

Throughout this tutorial, we'll build a simple React application that consumes JSON data from third-part RESTful API using the Axios library. We are also going to style the user interface...

React Router 4 Tutorial (with Examples)

React Router 4 Tutorial (with Examples)

In this tutorial we are going to get you started with react-router-dom (React Router 4) using an example React application showing you how to use different concepts such as Link...

React Routing Tutorial: Using React Router 4

React Routing Tutorial: Using React Router 4

In this tutorial, you will learn about routing in React using React Router 4.

Sebastian Grebe
React Bootstrap Tutorial: Integrating Bootstrap 4 with React

React Bootstrap Tutorial: Integrating Bootstrap 4 with React

In this tutorial we'll see how to integrate Bootstrap 4 with a React application without using jQuery

React Tutorial: Consume a JSON REST API with Fetch and Styling UI with Bootstrap 4

React Tutorial: Consume a JSON REST API with Fetch and Styling UI with Bootstrap 4

In this tutorial we'll learn how to build a React application that consumes a third-party JSON REST API using the fetch() method. We'll also use Bootstrap 4 to style the...

Redux Tutorial

Redux Tutorial

In this tutorial, you'll learn to use Reudx to manage state in your React application

Ethereum Dapps with Truffle,Ganache, Metamask, OppenZippelin and React

Ethereum Dapps with Truffle,Ganache, Metamask, OppenZippelin and React

In this tutorial you'll learn how to create a Dapp (Distributed application) that can be hosted on the Ethereum blockchain by using popular libraries like Truffle, OpenZeppelin and React.

useState React Hook by Example

useState React Hook by Example

useState() is an example built-in React hook that lets you use states in your functional components.

React 16.6 New Features: React.memo() and Suspense/React.lazy()

React 16.6 New Features: React.memo() and Suspense/React.lazy()

We'll learn about important new features of React such as React.memo() and React.lazy()

React Basics Tutorial for Django Developers [2018]

React Basics Tutorial for Django Developers [2018]

Learn React quickly with this tutorial

React Router Redux Tutorial

React Router Redux Tutorial

In this tutorial we'll look at how to use react-router-redux (previously known as redux-simple-router) to control the URL as a part of the application state.

Adding the Django CSRF Protection to React Forms

Adding the Django CSRF Protection to React Forms

In this tutorial you'll see how you can handle the Django CSRF token in React when using the Axios client or the fetch API. We'll also see how you can...

Django React Tutorial with Example Demo

Django React Tutorial with Example Demo

In this tutorial we'll look at how to build a modern CRUD web application using Django and React. We'll use Django REST Framework to build an example API, react-router-dom for...

Making AJAX API Calls in React: Axios vs jQuery vs Fetch API with Example GET & POST

Making AJAX API Calls in React: Axios vs jQuery vs Fetch API with Example GET & POST

In this tutorial we will cover different ways to use AJAX in React: Axios vs Fetch API and where to make AJAX calls? componentDidMount() vs componentWillMount() vs the ES6 class...

Building Universal Server Rendered Apps with React and Next.js 3.0

Building Universal Server Rendered Apps with React and Next.js 3.0

How to build server rendered apps with Angular Universal Starter

Building Web Apps with Django ,Webpack and React

Building Web Apps with Django ,Webpack and React

How to build modern web apps with Django , Webpack and React

Building a Modern App with Django and React

Building a Modern App with Django and React

How to build modern web apps with React, Django and Django Rest Framework

Rich Text Editors With React

React is a client side JavaScript framework built by Facebook for Facebook. React is open source and hosted on GitHub. It is presented by Facebook as the V in MVC...