React Tutorials | Techiediaries

React Router 5.1+ Hooks

In this tutorial, you will learn about routing in React using React Router 5.1+ hooks

13 Mar 2020

React Router 5/4 Tutorial with Examples

In this tutorial we are going to get you started with react-router-dom (React Router 5/4) using an example React application showing you how to use different concepts such as Link and NavLink for creating links (instead of anchors) in the React way, Switch and exact for enabling exclusive routing and browser routing history

12 Mar 2020

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

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

14 Feb 2020

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 avoid using JavaScript Promises in your code

09 Dec 2019

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. We'll also see how to test a React component that makes use of Apollo React hooks using MockedProvider available from @apollo/react-testing

16 Nov 2019

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

15 Nov 2019

React Native for Beginners Book [2019]

Get the React Native for Beginners Book [2019]

05 Sep 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

03 Sep 2019

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.

11 Aug 2019

Adding Navigation using React Navigation & Switch Navigator

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

11 Aug 2019

Adding stack navigation with Stack Navigator

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

11 Aug 2019

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

11 Aug 2019

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

11 Aug 2019

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

11 Aug 2019

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

08 Aug 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 to use functional components and Hooks instead of classes

26 Jul 2019

ES6 Spread Operator in React by Example: Props and setState

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

11 Jun 2019

React Props Tutorial: Children Example

In this tutorial, you'll learn about React props

29 Apr 2019

React Fragment Tutorial

React Fragment Tutorial

29 Apr 2019

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.

28 Apr 2019

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.

28 Apr 2019

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

11 Apr 2019

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+

10 Apr 2019

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.

10 Apr 2019

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

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

09 Apr 2019

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 of our app with Bootstrap 4 components such as the Container and Card components.

08 Apr 2019

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

04 Apr 2019

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 UI.

03 Apr 2019

Redux Tutorial

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

01 Dec 2018

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.

19 Nov 2018

useState React Hook by Example

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

02 Nov 2018

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()

30 Oct 2018

React Basics Tutorial for Django Developers [2018]

Learn React quickly with this tutorial

03 Sep 2018

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.

29 May 2018

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 add CSRF in forms rendered dynamically with React

16 Jan 2018

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 routing the front-end app, Axios for making HTTP calls to the Rest API endpoints, Redux for managing the app's global state and finally Webpack to bundle the assets

20 Dec 2017

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 constructor.

21 Nov 2017

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

How to build server rendered apps with Angular Universal Starter

29 Jul 2017

Building Web Apps with Django ,Webpack and React

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

15 Jul 2017

Building a Modern App with Django and React

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

15 Jul 2017

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 which means it is the View but in reality it is the whole MVC and you are going to realize that when you start working with this great framework.

09 Apr 2016