🎉 Everything is free here. Read more →

Page's files Setup

Open pages folder and create three files Home.jsx,Profile.jsx , CreateCampaign.jsx and CampaignDetails.jsx and type rafce in each file and press tab to get the basic ReactArrowFunctionComponentExport template.
Create a file index.js in the pages folder and export all the pages from there.

export { default as Home } from './Home';
export { default as Profile } from './Profile';
export { default as CreateCampaign } from './CreateCampaign';
export { default as CampaignDetails} from './CampaignDetails';

Now go to App.jsx and import all the pages from index.js file.

import { Home, Profile, CreateCampaign, CampaignDetails } from './pages';