• axios

  439 104,043 8.4 JavaScript

  Promise based HTTP client for the browser and node.js

  

So let's first install the axios npm library, so we can make an API call using it.

• vite

  787 64,769 9.9 TypeScript

  Next generation frontend tooling. It's fast!

  

Now, we will create a Vite project using TypeScript.

• SurveyJS

  surveyjs.io sponsored

  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.

  

• react-typescript-demo

  1 1 2.5 TypeScript

  Introduction to TypeScript with React

You can find the complete source code for this application in this repository.

• Randomuser.me-Node

  28 1,309 0.0 JavaScript

  Source code that powers randomuser.me

  

import axios from 'axios'; import { FC, useState } from 'react'; import { AppProps, Users } from './App.types'; import User from './components/User'; const App: FC = ({ title }) => { const [users, setUsers] = useState([]); const [isLoading, setIsLoading] = useState(false); // useEffect(() => { // const getUsers = async () => { // try { // setIsLoading(true); // const { data } = await axios.get( // 'https://randomuser.me/api/?results=10' // ); // console.log(data); // setUsers(data.results); // } catch (error) { // console.log(error); // } finally { // setIsLoading(false); // } // }; // getUsers(); // }, []); const handleClick = async () => { try { setIsLoading(true); const { data } = await axios.get('https://randomuser.me/api/?results=10'); console.log(data); setUsers(data.results); } catch (error) { console.log(error); } finally { setIsLoading(false); } }; return (

{title}

Show Users {isLoading &&

Loading...

}

{users.map(({ login, name, email }) => { return ; })}

); }; export default App;

Suggest a related project