harshaktg

import useSWR from "swr";
import "./App.css";

function App() {
  // Fetcher function
  const fetcher = (...args) => fetch(...args).then((res) => res.json());

  // SWR implementation
  const { data, error } = useSWR(
    "https://jsonplaceholder.typicode.com/posts/1",

harshaktg

import { useState, useLayoutEffect } from "react";
import * as ReactDOM from "react-dom";

function App() {
  const [count, setCount] = useState(0);
  const [flag, setFlag] = useState(false);

  function handleClick() {
    console.log("=== click ===");
    fetchSomething().then(() => {

harshaktg

import "./App.css";
import Home from "./Home";

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <Home />
      </header>
    </div>

harshaktg

import Amplify from "aws-amplify";
import awsExports from "./aws-exports";
import { AmplifySignOut, withAuthenticator } from "@aws-amplify/ui-react";
Amplify.configure(awsExports);

const Home = (props) => {
  return (
    <div>
      <AmplifySignOut />
      <h1>This is your logged in page.</h1>

harshaktg

import useAxios from './useAxios';

const App = () => {
  const { response, error, loading } = useAxios({
    method: 'POST',
    url: '/posts',
    headers: {
      accept: '*/*',
    },
    data: {

harshaktg

import { useState, useEffect } from 'react';
import axios from 'axios';

axios.defaults.baseURL = 'https://jsonplaceholder.typicode.com';

const useAxios = (params) => {
  const [response, setResponse] = useState(null);
  const [error, setError] = useState(null);
  const [loading, setLoading] = useState(false);

harshaktg

import useAxios from './useAxios';

const App = () => {
  const { response, error, loading } = useAxios();
  return (
    <div className="app">
      {loading ? (
        <div>Loading...</div>
      ) : (
        <div>

harshaktg

import { useState, useEffect } from 'react';
import axios from 'axios';

axios.defaults.baseURL = 'https://jsonplaceholder.typicode.com';

const useAxios = () => {
  const [response, setResponse] = useState(null);
  const [error, setError] = useState(null);
  const [loading, setLoading] = useState(false);

harshaktg

import { useState, useEffect } from 'react';
import axios from 'axios';

axios.defaults.baseURL = 'https://jsonplaceholder.typicode.com';

const App = () => {
  const [response, setResponse] = useState(null);
  const [error, setError] = useState(null);
  const [loading, setLoading] = useState(false);

harshaktg

import { useEffect } from 'react';
import axios from 'axios';

axios.defaults.baseURL = 'https://jsonplaceholder.typicode.com';

const App = () => {
  const fetchData = async () => {
    try {
      const res = await axios.get('/posts');
      console.log(res.data);