Node.js Dublin 2015 - Brewfactory: full-stack homebrew

Transcript

1. Brewfactory: full-stack homebrew Peter Marton @slashdotpeter

2. $ whoami - work: RisingStack, Inc. - twitter: slashdotpeter -

   email: peter@risingstack.com - blog: http://blog.risingstack.com

3. What is Brewfactory? - semi-automated brewing machine - hobby project

   - open-source project

4. How to brew beer? (BIAB way)

5. add water and malt

6. hold temperature levels

7. boil it and hops

8. cool it fermentation

9. bottle it enjoy!

10. brewing sucks? … automate it!

11. Brew like a boss

12. What’s on the technology side?

13. JavaScript everywhere 2007 2015 HW Microcontroller IoT devices from $10

    Control HW C, C++ Node.js: Johnny-Five, Tessel Web server .net, Java, PHP Node.js Database SQL MongoDB: JS API WebUI JavaScript: jQuery JavaScript: SPA (React, Angular etc.)

14. Node.js in IoT - vibrant community - extreme modularity -

    high performance

15. Johnny-Five - “jQuery of the IoT” - servo.to( 90 );

    button.on(‘down’, fn); - Arduino compatible boards - Node.js

16. Our system

17. Hardware parts - digital temp. sensor - DS18B20 (1-Wire) -

    heating elements - PWM (pulse-width modulation) - Relay (solid state) - controller - PID

18. IoT device: RaspberryPi - credit-card sized - linux - usb

    ports - ethernet - NO built-in Wi-Fi - any languages

19. IoT device: SparkCore - pint-sized - arduino compatible - built-in

    Wi-Fi - C++ - Spark’s cloud

20. Architecture

21. Architecture

22. BrewCore - Node.js ~0.12 / io.js - Koa - WebSockets

    - Spark’s cloud - https://github.com/BrewCore

23. BrewMobile - Swift - Reactive Cocoa - WebSockets by @vasarhelyia

24. BrewUI - Isomorphic - React app with Flux - CommonJS

    (Node style) - available as npm module - https://github.com/BrewUI

25. Isomorphic JavaScript “JavaScript code that can be shared between environments.”

    - Spike Brehm

26. Why is it good for me? - power of server

    rendering - SEO - legacy support - speed of Single Page Apps (SPA)

27. Isomorphic server side

28. Isomorphic client side

29. Isomorphic challenges - data fetching: talk about this later -

    init app on both sides - singleton app on client -> request scoped on server

30. Data fetching problem - environment specific problems - should be

    shimmed - same functionality and interface - different implementation: AJAX / WS / DB call / micro-service / .. - “Full Stack Flux” - Pete Hunt: React.js Conf 2015 - Full Stack Flux

31. Demo (http://brewcore-demo.herokuapp.com)

32. Contribute! github.com/brewfactory

33. Q&A Thank you! http://brewfactory.org