Skip to content

Instantly share code, notes, and snippets.

View sudheerpal's full-sized avatar
🚴‍♂️

Sudheer Pal sudheerpal

🚴‍♂️
View GitHub Profile
import React, { useState, Suspense, lazy } from 'react';
const ComponentOne = lazy(() => import('./code-split/ComponentOne'));
const ComponentTwo = lazy(() => import('./code-split/ComponentTwo'));
const App = () => {
const [button, buttonSetState] = useState(false);
const onClickButton = () => {
buttonSetState(prevState=>!prevState);
}
import React from 'react';
function ComponentOne() {
return (
<div>
this is component one
</div>
);
}
export default ComponentOne;
import React from 'react';
function ComponentTwo() {
return (
<div>
this is component two
</div>
);
}
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
ReactDOM.render(<App />, document.getElementById('root'));
import React, { useState } from 'react';
import ComponentOne from './code-split/ComponentOne';
import ComponentTwo from './code-split/ComponentTwo';
const App = () => {
const [button, buttonSetState] = useState(false);
const onClickButton = () => {
buttonSetState(prevState=>!prevState);
}