Learn
Learn
Learn web development from expert teachers. Build real projects, join our community, and accelerate your career
Get Started
Fullstack Rust Fullstack Node.js Fullstack D3 Fullstack React Fullstack React with TypeScript view all books →
The newline Guide to Building Your First GraphQL Server with Node and TypeScript
In this course, we'll show you how to create your first GraphQL server with Node.js and TypeScript
Enroll for free
Teach
Teach
Share your knowledge with others, earn money, and help people with their career
Apply Now
Apply To Teach A Course What Our Teachers Say
Amelia Wattenberger
Author of Fullstack D3
"Writing Fullstack D3 was a thoroughly enjoyable, fun process.

The writing was over before I knew it, and we've sold way more copies than I expected! Plus, the compliments from my peers have been really amazing."
Community
Community
Get help with programming projects, find collaborators, and make friends
Join Now
Explore new Communities Join our Discord Server What Our Students Say
Tutorials
Pricing

Welcome to

Building Advanced Admin Reporting in React

Module 1

Getting started

3 Lessons 5 Minutes

01Introduction to React Query Builder
Sneak Peek00:01:18
02How to Create a React App With React Query Builder Using npm
Sneak Peek
03Add Fields and Operators to React Query Builder
Sneak Peek00:04:13

Module 2

Configuration

4 Lessons

01How to Build a Multilingual React Site with Query Builder
Sneak Peek
02Customize or Replace Default Component in React Query Builder
Sneak Peek
03How to Configure Built-in Input Types in React Query Builder
Sneak Peek
04How to Customize the React Query Builder ValueEditor Component
Sneak Peek

Module 3

Integrating with an API

6 Lessons 59 Minutes

01Create SQL Queries With React formatQuery and valueProcessor
Sneak Peek00:05:24
02Push a React Query Builder API Server to Heroku With Git
Sneak Peek00:12:38
03Add a PostgreSQL Database to React Query Builder
Sneak Peek00:16:28
04How to Fetch Data From a React API
Sneak Peek00:06:10
05How to Build a Data Table in React With AG Grid
Sneak Peek00:11:37
06How to Visualize React API Data in a Graph With AG Charts
Sneak Peek00:07:05

Module 4

Geographic data

4 Lessons 7 Minutes

01How to Build a New React API Endpoint
Sneak Peek
02How to Add a New API and Variables to React Query Builder
Sneak Peek00:07:33
03How to Fetch and Display Data With React Query Builder
Sneak Peek
04How to Add a Google Maps Object to a React Site
Sneak Peek

Module 5

Bulk edits

3 Lessons 12 Minutes

01How to Bulk Edit Data With React Query Builder
Sneak Peek00:12:16
02How to Add Features to the React onClickUpdate Feature
Sneak Peek
03How to Build Custom ValueEditor Components in React
Sneak Peek

Next Introduction:

Introduction to React Query Builder