Reference Application with React, Node.js, and the Lightning Design System

If you are building business apps with React, I created a reference application with React and the Lightning Design System: the new language, framework, and vendor-independent CSS toolkit from Salesforce that provides a set of UI components, UI patterns and guidelines focused on Business/Enterprise app development.

Check out this video for a quick walkthrough:

The application is built with:

  • React
  • Lightning Design System
  • ECMAScript 6 including modules
  • Babel to transpile the ECMAScript 6 code
  • Browserify to support modules in your current browser
  • Node.js
  • A Postgres database

The source code and installation instructions are available in this GitHub repo.

17 Responses to Reference Application with React, Node.js, and the Lightning Design System

  1. Tango September 7, 2015 at 2:12 pm #

    Thanks, I didn’t know this toolkit from Salesforce. BTW what’s the name of the song in the video, please?

  2. Tom September 24, 2015 at 4:09 pm #

    This is a really great application! I used CSS toolkit from Salesforce when I cooperate with software development company Intechore (click here for more information) and we develop business application with convenient interface and a large number of user features

  3. antrenman malzemeleri November 17, 2015 at 7:35 am #

    quality, availability and price of manufacturing…

  4. kelvincake November 19, 2015 at 5:00 am #

    Great application, thanks

  5. pleasantdreamlandstudentme November 19, 2015 at 5:03 am #

    beautiful design

  6. foxchaos November 19, 2015 at 5:06 am #

    good application, i like it

  7. sohbet December 8, 2015 at 4:36 pm #

    very very thanks admin

  8. resim kursu January 2, 2016 at 5:47 am #

    Yeni yıla girdiğimiz bu ilk günlerde sizlere sevdikleriniz ile mutlu yarınlara dileğimizi iletmek istiyoruz. Yeni yılın hepimize şans, mutluluk, huzur ve sağlık getirmesi dileğiyle….

    Taksim Resim Kursu olarak sevdikleriniz ile gelecek adına umutlanacağınız yarınlar sizlerin olsun sevdiğiniz meslekler ile kariyeriniz iyi olsun …

    Güzel sanatlara hazırlık alanında kendinizi geliştirmek istiyorsanız bizleri tercih ediniz.

  9. Superonline yalın İnternet January 2, 2016 at 7:01 am #

    Turkcell yeni yılada muhteşem kampanyalarla giriyor. 5 Gb internet 1000 dakika her yöne 1000 sms sadece 19 TL yanlış duymadınız sadece 19 TL tek yapmanız gereken operatörünüzü Turkceele taşımak.
    Evinize internet çekmek istiyorsanız ve sabit telefounuz mevcut değilse superonline yalın internet ile doyasıya bir internet ziuafetini yakalayabilirsiniz. Sevdikleriniz ile konuşabilir, işlemlerinizi anında halledebilir, anı superonline internet ile yakalayabilirsiniz.

    http://www.superonlinenet.net/superonline-yalin-internet.html

  10. Taksim Resim Kursu January 3, 2016 at 9:13 am #

    Sanat eserleri üretmeniz için taksim resim kursu ile eşsiz eserler üretebilirsiniz. Zafer GAZİOĞLU ve mimar sinan üniversitesi öğrencilerimizin stajerliği ile eğitimlerimiz devam etmektedir. Eserlerinizi bizimle geliştirerek hayalerinizi gerçekleştirebilirsiniz.

  11. Her türlü çalışma stili ve çalışma alanları için istenilen tarzda ve ve şekilde eşsiz sanat eserleri üretmek istiyorsanız ve üst düzey bir eser yaratmak için en ideal adresi arıyorsanız bakırköy güzel sanatlara hazırlık kursları arasında en ideal seçim olarak ruyaavcısı ve ekibinin çalışmalarını önermenizi tavsiye ediyoruz.

    bakırköy resim kursu olarak sizleri eşsiz sanat eserleri ile büyülemekteyiz.

  12. CIIT Noida April 21, 2018 at 2:36 am #

    Thanks for sharing this amazing post with us

    Hadoop Training Institute in Noida

  13. CIIT Noida April 25, 2018 at 2:42 am #

    I was stunned to the message here it was my first time I visited your sites.

    Best B.Tech College in Noida

  14. gtacheat code March 21, 2020 at 1:02 pm #

    Thanks a lot for the kind of perfect topic I have not a lot of information about it but I have got an extra unique info in your unique post. Perfect description you have provided thanks for sharing. Latest eu4 console commands and gta san andreas cheats pc .

  15. yuvaraj singh December 22, 2020 at 6:55 am #

    Thanks for sharing this informative content ,
    Leanpitch provides online training in Devops coaching during this lockdown period everyone can use it wisely.
    Devops Online Training

  16. zaranaina February 1, 2021 at 11:04 pm #

    This is a really great application.Thanks for sharing

    Visit : https://www.buildmyrebusiness.com/ For Real Estate Education

Trackbacks/Pingbacks

  1. Trader Desktop with React and the Lightning Design System on Heroku | Christophe Coenraets - September 3, 2015

    […] the real estate sample application I shared last week, here is a React + Lightning Design System version of the Trader Desktop sample […]

Leave a Reply

css.php