Our great sponsors
-
google-authenticator
Discontinued Open source version of Google Authenticator (except the Android app)
-
refine
Discontinued Build your React-based CRUD applications, without constraints. [Moved to: https://github.com/refinedev/refine] (by pankod)
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
superplate
A well-structured production-ready frontend boilerplate with Typescript, React Testing Library, styled-component, React Query, .env, Axios, Bundle Analyzer, Prettier and 30+ plugins. superplate creates projects for React.js, Next.js, and refine. https://pankod.github.io/superplate/
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
In this scenario, we'll use third-party libraries such as Google Authenticator, Axios, and dotenv. Users will be able to authenticate themselves using Google, send requests to REST endpoints using Axios, and preserve secret API keys using dotenv.
Refine is another wonderful framework that was just released to lessen developer tension in areas like routing, authentication, and state management.
In this scenario, we'll use third-party libraries such as Google Authenticator, Axios, and dotenv. Users will be able to authenticate themselves using Google, send requests to REST endpoints using Axios, and preserve secret API keys using dotenv.
There are two ways to do this; the first technique is to use superplate, and the second is to use Create React App. We'll use the Create React App approach based on this tutorial because we're all React fans 😊.
This is a simple project with a variety of features. You can look at the code on GitHub or see the live view for more practice.
Related posts
- Creating a React search bar and content filtering components
- Using Material UI DataGrid component with refine app
- 10 High-Quality Free Resources That Will Make Every Web Developer's Life Easier
- ReactJS Frameworks You Should Know Before You Start Developing Internal Tool Application
- Create a e-mail subscription panel with Refine and Strapi.