Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Locarise,reagent and JavaScript Libraries

337 views

Published on

Introduction to JavaScript libraries that I have encountered through working at Locarise

Presented at lispmeetup #58 held at Cybozu Startups

Published in: Software
  • Be the first to comment

  • Be the first to like this

Locarise,reagent and JavaScript Libraries

  1. 1. Locarise, reagent and JavaScript Libraries Ikuru K
  2. 2. About me - Cybozu Startups->Freelance - Write web apps with Clojure/ClojureScript
  3. 3. iku000888 - http://qiita.com/iku000888 - http://github.com/iku000888 - https://twitter.com/iku000888
  4. 4. - Physical space intelligence - Install & collect data from devices - Process data with AWS lambda/python/django - Know lamda/python/django? Hiring! - Frontend - Previously coffeescript & angular - Replace with reagent/re-frame and...
  5. 5. Lots of libraries
  6. 6. react-map-gl - https://uber.github.io/react-map-gl/ - Interactive map - Issue where child components do not get unmounted on parent unmount from reagent - Workaround
  7. 7. Blueprint - http://blueprintjs.com/ - CSS and react components for Desktop apps
  8. 8. Blueprint/table - Look and feel close to Excel
  9. 9. Vega - https://vega.github.io/vega/ - visualization grammar on top of d3js - JSON -> Canvas - JSON -> SVG
  10. 10. Raven - Browser Sentry client - Reports errors to your sentry account - Sourcemap supported - Need to upload compiled files
  11. 11. Intercom - Support chat on your site - Installation = dynamically add appropriate <script>
  12. 12. Build process 1. Bundle all npm-libs into single file with webpack a. React included here to make it available to Blueprint 2. From cljs, refer to npm-libs like js/Blueprint a. Exclude cljsjs/react
  13. 13. TODO - Advance mode! - Externs? - Try extern inference? - :npm-deps? - shadow-cljs?
  14. 14. Thanks!

×