mashmatrix / React Lightning Design System
Licence: other
Salesforce Lightning Design System components built with React
Stars: ✭ 240
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to React Lightning Design System
Swiftlysalesforce
The swiftest way to build iOS apps that connect to Salesforce
Stars: ✭ 115 (-52.08%)
Mutual labels: salesforce
Sfdx Falcon Template
Extended Salesforce DX project directory template, designed to support complex projects and managed packages.
Stars: ✭ 160 (-33.33%)
Mutual labels: salesforce
Haoide
Stop upgrade, most of features were delivered in https://github.com/xjsender/haoide-vscode
Stars: ✭ 194 (-19.17%)
Mutual labels: salesforce
Bad Ass Salesforce Stack
B.A.S.S. Starter: react / redux / typescript / antd / ts-force / sfdx / webpack / salesforce
Stars: ✭ 126 (-47.5%)
Mutual labels: salesforce
Create Lwc App
Quickstart command line interface for scaffolding your Lightning Web Components projects
Stars: ✭ 144 (-40%)
Mutual labels: salesforce
Transmogrifai
TransmogrifAI (pronounced trăns-mŏgˈrə-fī) is an AutoML library for building modular, reusable, strongly typed machine learning workflows on Apache Spark with minimal hand-tuning
Stars: ✭ 2,084 (+768.33%)
Mutual labels: salesforce
Sfpowerkit
A Salesforce DX Plugin with multiple functionalities aimed at improving development and operational workflows
Stars: ✭ 214 (-10.83%)
Mutual labels: salesforce
Lwc Utils
Reusable LWCs to 10x your solution building speed. Design interactive, data-dense UIs with LWC + Screen Flows.
Stars: ✭ 159 (-33.75%)
Mutual labels: salesforce
Apex Lambda
Functional programming for Salesforce Apex
Stars: ✭ 189 (-21.25%)
Mutual labels: salesforce
Visualforce Table Grid
Flexible and highly customizable Visualforce table grid component. Salesforce.com Classic Look and Feel.
Stars: ✭ 126 (-47.5%)
Mutual labels: salesforce
Prettier Plugin Apex
Code formatter for the Apex Programming Language
Stars: ✭ 138 (-42.5%)
Mutual labels: salesforce
Timeline Lwc
An interactive timeline for the Salesforce platform.
Stars: ✭ 116 (-51.67%)
Mutual labels: salesforce
Sfdx Mass Action Scheduler
🚀 Declaratively schedule Process Builder, Flows, Quick Actions, Email Alerts, Workflow Rules, or Apex to process records from Reports, List Views, SOQL, or Apex.
Stars: ✭ 200 (-16.67%)
Mutual labels: salesforce
Go Force
Go (golang) library for calling Salesforce.com (force.com) web api's
Stars: ✭ 111 (-53.75%)
Mutual labels: salesforce
Dreamhouse Sfdx
Salesforce Sample App part of the sample gallery. Real estate use case. Get inspired and learn best practices.
Stars: ✭ 164 (-31.67%)
Mutual labels: salesforce
Soqlx
SoqlXplorer is an awesome tool for developers using the Salesforce.com platform.
Stars: ✭ 220 (-8.33%)
Mutual labels: salesforce
Cumulusci
Python framework for building portable automation for Salesforce projects
Stars: ✭ 211 (-12.08%)
Mutual labels: salesforce
React Lightning Design System
Salesforce Lightning Design System components built with React.
See the demo.
Install
$ npm install react-lightning-design-system
Example
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'react-lightning-design-system';
function click() { alert('Clicked'); }
ReactDOM.render(
<div>
<Button onClick={ click }>Simple</Button>
<Button type='neutral' onClick={ click }>Neutral</Button>
<Button type='brand' onClick={ click }>Brand</Button>
<Button type='neutral' icon='download' iconAlign='left' onClick={ click }>Icon #1</Button>
<Button type='neutral' disabled>Disabled Neutral</Button>
<Button type='brand' disabled>Disabled Brand</Button>
</div>
, document.body);
See more examples in examples directory.
Running example stories locally
This repo ships with a react storybook based story scripts. To run stories and get component examples, follow these steps:
- run
npm install
- run
npm run storybook
- Find the stories running on localhost:9001.
Snapshot testing in react storybook
This repo ships with story snapshots to examine differences in rendering as a result of changes to source code.
To identify render differences run npm run test:storyshots
. If all changes are intentional run npm run test:storyshots -- -u
. To learn about other run options including interactive mode, read
Snapshot Testing in React Storybook
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].