React Day Berlin

React Day Berlin 2023

React can be used to create custom menus for e-readers, and the process involves creating an image and e-book with React and loading them onto the e-reader. Writing an EPUB e-book for e-readers involves converting an SVG file into a PNG image and writing the e-book in EPUB format using HTML, CSS, and images. EPUB generators like Pandoc and Dino simplify the process of generating EPUBs from markdown and running JavaScript on the desktop, respectively.

I wanted to have a tea menu to show guests and for my own reference. Turns out e-Readers use so little power and can render HTML! I'll share how to generate an e-book with all your drinks with React, JSX, and Deno, as well as rendering a custom cover page with SVG. Wow your friends by turning an old device into a smart home tea menu, and learn how to write your next book with React.

Hacking an e-Reader to Show My Tea Menu With JSX

Tiger Oakes

React Summit US

React Summit US 2023

This Talk explores the journey of a software developer in unraveling the mysteries of Netflix TV UI. It emphasizes the importance of continuous learning in TV UI development and discusses the use of React and the TV signup process. The Talk also highlights the significance of widgets, navigation, and the TVUI Explorer app in building TV UI. It delves into the TVUI dev process, testing layers, and the value of continuous learning and fresh perspectives in the tech industry. The Talk concludes with insights on job opportunities, resources for TV development, and the Netflix hiring process.

At Netflix, millions of our users watch Netflix on TV Devices. How do we develop the UI for all of the different types of devices? That's exactly what I wanted to know!
I'll be sharing why it's important to take on new growth opportunities, how to navigate the difficulties of learning a whole new platform at a new company, and some of the things I've learned about how we use React to bring Netflix to your TV!

Journey Into the Unknown: My Adventure Unravelling the Mysteries of the Netflix TVUI Universe

Kaleb McKelvey

React Advanced

React Advanced 2023

This talk discusses the challenges of implementing spatial navigation for TV controls and the need for a library. The approach to spatial navigation can be improved by developing extra logic to connect TV control with the application. The demo application showcases the use of a NavigationEngine class and the useFocusRef hook function. The integration logic involves selecting the next node based on key presses and node coordinates. The talk also highlights the challenges of complex arrangements and circular navigations in smart TV application development.

In this talk, I'll take you through my journey as I joined the team supporting our Smart TVs application and share my experience learning one of the most overlooked but essential pieces of functionality we have.

Let’s Build a TV Spatial Navigation

Sergio Avalos

React for eBooks? Learn how to hack an eReader to display a tea menu. Create images and write e-books using React. Use EPUB format to create chapters and include CSS. Use Pandoc and Dino to simplify the process and make quick updates.

I wanted to have a tea menu to show guests and for my own reference. Turns out e-Readers use so little power and can render HTML! I'll share how to generate an e-book with all your drinks with React using Deno, as well as rendering a custom cover page with SVG. Wow your friends by turning an old device into a smart home tea menu, and learn how to write your next book with React.

Hacking an e-Reader with React

JS Nation

JSNation 2023

This Talk introduces building an IoT app with InfluxDB, JavaScript, and PlotlyJS, highlighting the benefits of time series databases for handling high ingestion rates and data manipulation. It provides instructions for setting up IoT devices and connecting sensors, along with data cleaning and transformation techniques. The Talk covers creating a bucket in InfluxDB, using JavaScript client libraries for data read and write, querying and graphing data with InfluxDB and Plotly.js, creating dashboards, and available learning resources. Overall, it offers a comprehensive overview of building IoT applications with InfluxDB.

The Internet of Things (IoT) is increasingly driven by sensor data, with devices taking measured actions based on everything from wind speed and direction, vital body functions, illumination intensity, and temperature. In this session we will showcase how to build a fully functional sample IoT monitoring application built with javascript and utilizing InfluxDB as its backend. With integrations to visualization libraries such as Plotly, creating automated alerts with InfluxDB as well as data downsampling.

Building an IoT App With InfluxDB, JavaScript, and Plotly.js

Zoe Steinkamp

Node Congress

Node Congress 2023

The Talk discusses the challenges of IoT development, including issues with fleet offline, data missing, alerts not working, inconsistent data, and slow loading dashboards. It explores how to build observability in IoT applications using metrics, logging, and tracing. The integration between the rules engine and Lambda is explained, highlighting the use of tools like Lambda Power Tools and X-Ray for logging, monitoring, and tracing. The Lambda invocation process and the tracing capabilities of X-Ray are also mentioned.

Observability is crucial for successfully operating large IoT fleets. IoT incorporates different components, including hardware, network, on-device software, and cloud. Devices operate under unreliable conditions and constraints, and need to be monitored remotely. Cloud applications become complex and costly, as they are built to handle device activity at scale. Answering questions such as: -    Do I have a problem in my IoT application? -    Where is the problem? -    What is causing the problem? -    How much of my fleet is affected? -    Is my code expensive to run and if yes, how can I fix that? , can be challenging. Logging, monitoring and tracing are fundamental observability pillars. However, they are often viewed as non-functionals in IoT applications, and can fall off the radar, or are not standardized during development. This session will show how to leverage Open Source tools, such as AWS Lambda PowerTools, in a fully functional Serverless IoT application, to ease adoption of best practices for modern application development, and integrate services such as Amazon X-Ray, Amazon CloudWatch and AWS IoT Core features, to achieve end-to-end observability.

Tools for better Observability in NodeJS Serverless IoT Applications

Alina Dima

JSNation 2022

The Talk covers various experiments with JavaScript and C++, including controlling lights and creating a car control system. The speaker shares his experiences with home automation and the challenges of hiding wires. He explores using JavaScript with Esperino for face recognition and discusses the benefits and limitations of the platform. The Talk concludes with suggestions for using JavaScript in hardware projects and learning opportunities.

Software Programming is naturally fun but making something physical, to interact with the world that you live in, is like magic. Is even funnier when you can reuse your knowledge and JavaScript to do it. This talk will present real use cases of automating a house using JavaScript, Instead of using C++ as usual, and Espruino as dev tools and Microcontrollers such as Arduino, ESP8266, RaspberryPI, and NodeRed to control lights, doors, lockers, and much more.

How I've been Using JavaScript to Automate my House

Erick Wendel

This Talk introduces the Web Bluetooth API and its role in bridging the gap between browsers and peripheral devices. It covers how to interact with devices using the API, explores creating BLE devices like a buzzer and a small car, and discusses the limitations and availability of the Web Bluetooth API. The Talk also highlights the potential of the Web Audio API for hardware development and mentions the current lack of support for the Web Bluetooth API on iOS devices.

The WebBluetooth API finally closes the gap between the browser and devices around us. And that suddenly opens up a rabbit hole, in which we inevitably encounter a few hurdles - the story of a frontend developer dipping his toes into the IOT world.

WebBluetooth – the Missing Link

Nico Martin

Node Congress 2021

This Workshop introduces IoT Center, a monitoring application based on InfluxDB. It covers installation, UI, libraries, and monitoring Node.js applications. InfluxDB is a scalable time series platform suitable for monitoring, analytics, and IoT applications. The IoT Center includes a virtual device emulator and supports temperature, humidity, pressure, CO2 level, and GPS coordinates. The Workshop also explores querying data, managing configuration entities, and adding geovisualization to the dashboard.

InfluxDB is an open source time series database that empowers developers to build IoT, analytics and monitoring software. It is purpose-built to handle the massive volumes and countless sources of time-stamped data produced sensors, applications and infrastructure. This workshop showcases a fully functional sample application called IoT Center that is built on InfluxDB. This application demonstrates the capabilities of the InfluxDB platform to develop a JavaScript-enabled time-series-based application. It collects, stores and displays a set of values that include temperature, humidity, pressure, CO2 concentration, air quality, as well as provide GPS coordinates from a set of IoT devices. With this data stored in InfluxDB, the application can query this data for display as well as write data back into the database. This hands-on workshop will show students how to install this open source code to learn how to query and write to InfluxDB using the InfluxDB JavaScript client, and gain familiarity with the Flux lang query language which is designed for querying, analyzing, and acting on time series data. And finally, collect and visualize performance data of the Node JS application. Prerequisites <ul><li>Registered free InfluxDB Cloud account at <a href="https://cloud2.influxdata.com/">https://cloud2.influxdata.com</a></li><li>Three options available (via Google account, via Microsoft account or via email)</li><li>Test login after the registration and save credentials for the workshop</li><li>Installation of the git tool (e.g. from <a href="https://git-scm.com/downloads">https://git-scm.com/downloads</a>)</li><li>IoT Center clone</li><li>Run: git clone <a href="https://github.com/bonitoo-io/iot-center-v2">https://github.com/bonitoo-io/iot-center-v2</a></li><li>Installed nodejs (from <a href="https://nodejs.org/en/download">https://nodejs.org/en/download</a>)</li><li>Installed yarn package manager (from <a href="https://classic.yarnpkg.com/en/docs/install">https://classic.yarnpkg.com/en/docs/install</a>)</li><li>Installed required packages</li><li>In the cloned directory</li><li>Run: cd app</li><li>Run: yarn install</li></ul> <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

IoT Center Workshop by InfluxData

Miroslav Malecha

JSNation Live

JSNation Live 2021

The Workshop introduces IoT Center, a simple IoT application that integrates with InfluxDB for data capture and visualization. It covers the installation and configuration of InfluxDB and IoT Center, as well as querying and visualizing data. The workshop also explores the use of client libraries for InfluxDB, adding geo-visualization to the dashboard, and monitoring Node.js applications with InfluxDB. Overall, it provides a comprehensive overview of using InfluxDB for IoT applications and data analysis.

InfluxDB is an open source time series database that empowers developers to build IoT, analytics and monitoring software. It is purpose-built to handle the massive volumes and countless sources of time-stamped data produced sensors, applications and infrastructure. This workshop showcases a fully functional sample application called IoT Center that is built on InfluxDB. This application demonstrates the capabilities of the InfluxDB platform to develop a JavaScript-enabled time-series-based application. It collects, stores and displays a set of values that include temperature, humidity, pressure, CO2 concentration, air quality, as well as provide GPS coordinates from a set of IoT devices. With this data stored in InfluxDB, the application can query this data for display as well as write data back into the database. This hands-on workshop will show students how to install this open source code to learn how to query and write to InfluxDB using the InfluxDB JavaScript client, and gain familiarity with the Flux lang query language which is designed for querying, analyzing, and acting on time series data. And finally, collect and visualize performance data of the Node JS application. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Build an IoT App With InfluxDB

This Talk is an introduction to IoT and JavaScript, discussing the use of JavaScript and Node for IoT projects, the importance of data considerations and choosing the right databases, and the practical implementation of an Internet-connected kitty litter box. It also explores controlling LEDs with Johnny-5, solving the load cell problem, and the future of IoT. The speaker encourages experimentation and shares cool IoT projects like the magic mirror and internet-connected nano leaves. Practical IoT projects and joining the speaker's discussion rooms are also suggested for beginners.

My favorite things in life are cats, computers and crappy ideas, so I decided to combine all three and make an IoT (Internet of Things) litter box using a Raspberry Pi and JavaScript! If you have ever wanted to get build your own IoT project, but didn’t know how to start, then this is the talk for you.Together, we will go through how I setup my IoT Litter Box from start to finish. Including how to setup Node.js on a Raspberry Pi and how to connect sensors to a Raspberry Pi and how to read the sensor inputs with Node.js. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

#iot