Skip to content

Instantly share code, notes, and snippets.

View NaveenDA's full-sized avatar
🤿
Dive deep into the code

Naveen NaveenDA

🤿
Dive deep into the code
View GitHub Profile
View use-query-with-counter.jsx
import React,{useState} from "react";
import ReactDOM from "react-dom";
import { QueryClient, QueryClientProvider, useQuery } from "react-query";
import { ReactQueryDevtools } from "react-query/devtools";
const queryClient = new QueryClient();
export default function App() {
return (
<QueryClientProvider client={queryClient}>
View useQuery.jsx
import { QueryClient, QueryClientProvider, useQuery } from 'react-query'
const queryClient = new QueryClient()
export default function App() {
return (
<QueryClientProvider client={queryClient}>
<Example />
</QueryClientProvider>
)
View SWRConfig.jsx
import React from "react";
import { SWRConfig } from "swr";
const App = () => {
return (
<SWRConfig
value={{
onError: (error, key) => {
if (error.status !== 403 && error.status !== 404) {
// We can send the error to Sentry,
View prefetch.js
import { mutate } from 'swr'
function prefetch () {
mutate('/api/data', fetch('/api/data').then(res => res.json()))
// the second parameter is a Promise
// SWR will use the result when it resolves
}
View use-swr.jsx
import useSWR from 'swr'
function Profile() {
const { data, error } = useSWR('/api/user', fetcher)
if (error) return <div>failed to load</div>
if (!data) return <div>loading...</div>
return <div>hello {data.name}!</div>
}
View SimpleComponent.jsx
import React, { useEffect } from "react";
const SimpleComponent = () => {
useEffect(() => {
console.count("Component Rendered ");
}, []);
return <div></div>;
};
export default SimpleComponent;
View parent-child-data.json
[{
"name": "Root",
"children": [
{
"name": "Child 1",
"children": [
{
"name": "Grand Child"
}
]
View simple-react-search.jsx
import React, { useState } from "react";
import data from "./data.json";
import Item from "./item";
const SettingsPage = () => {
const [searchData, setSearchData] = useState(data);
const searchItem = (query) => {
if (!query) {
setSearchData(data);
return;
View Unicorns Startups in India.csv
Company Valuation (US $billion) Valution Date Industry
Paytm 18 March 2019 E-commerce
OYO 10 June 2019 Hospitality
Byju's 10 May 2020 Education
Ola Cabs 10 October 2019 Transportation
Swiggy 3.3 December 2018 Online food delivery
Zomato 3.25 Apr 2020 Online food delivery
Zerodha 3 August 2020 Financial service
Udaan 2.8 August 2019 B2B trade platform
ReNew Power 2 February 2017 Renewable energy
@NaveenDA
NaveenDA / phpLiteAdmin-bootstrap-theme.scss
Created September 10, 2019 04:30
Php Lite Admin Bootstrap Theme Scss
View phpLiteAdmin-bootstrap-theme.scss
/*
@Name : Bootstrap Theme
@author: NaveenDA
@github: github.com/NaveenDA
*/
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)