Salesforce "Visualforce" + "Lightning Design System for React" boilerplate ๐
- https://react.lightningdesignsystem.com/
- https://reactjs.org/
- https://www.lightningdesignsystem.com/
- Node.js >= 16
- Bash
- Salesforce CLI (sfdx)
- eslint-plugin-react
- requirejs (MIT)
- @babel/standalone (MIT)
- react (MIT)
- @salesforce/design-system-react (BSD-3-Clause)
sfdx force:auth:web:login -r https://login.salesforce.com -a my-dev-org
# Or create new Scratch Org:
# sfdx force:org:create -f project-scratch-def.json -a my-dev-org --setdefaultusername
sfdx force:alias:list
sfdx force:org:list
sfdx config:set defaultusername=my-dev-org
sfdx force:org:open
# Install eslint
npm install
- "Lightning Design System for React" On-the-Fly transpile example
.
โโโ force-app/main/default/
โโโ components/
โ โโโ React_prod.component
โโโ pages/
โ โโโ HelloWorld1.page
โโโ staticresources/
โโโ HelloWorld1/
โ โโโ app.js
โ โโโ ...
โโโ (bundled libraries)
โโโ ...
- "Lightning Design System for React" + "Create React App" + "React Router" with TypeScript example
- Dynamic chunk loading
.
โโโ force-app/main/default/
โ โโโ pages/
โ โ โโโ HelloWorld2.page
โ โโโ staticresources/
โ โโโ HelloWorld2/
โ โโโ (build artifacts)
โ โโโ ...
โโโ vf-app/HelloWorld2/
โโโ public/
โ โโโ ...
โโโ src/
โ โโโ App.tsx
โ โโโ ...
โโโ package.json
โโโ ...
cd vf-app/HelloWorld2
npm run build
cd ../..
See https://developer.salesforce.com/docs/atlas.en-us.api_meta.meta/api_meta/meta_types_list.htm
sfdx force:source:deploy -m "StaticResource,ApexComponent,ApexPage"
MIT