JSHeroes 2018
as the organisers put it
We believe that the community and the open-source models are well suited for our core values:learning, teaching and knowledge sharing. Our mission is to inspire other communities with the concept of open-source events.We’re publishing all data about this conference, in full transparency. We are also available at any time for inquires and we`re really looking forward to sharing our knowledge about organizing international events. This way, whenever a community wants to start something similar, they can build on our knowledge.
who it's for
frontend developers, React developers, Vue developers, web designers, mobile app developers, platform engineers
topics
React Fiber rewrite; design-to-code with react-sketchapp; JWT CSRF XSS mitigations; web fonts optimization techniques; AOT and lazy Angular loading; JSX to virtual DOM implementation; React Native performance optimizations; advanced Redux middleware patterns; Nuxt.js meta Vue framework; Vue with serverless functions; webpack bundle analysis techniques; V8 internals for developers
| title | author | length |
|---|---|---|
| Sketching in the Browser | Mark Dalgleish | 29m |
Shows how code becomes the source of design truth: using react-sketchapp and html-sketchapp plus a custom HTML Sketchup CLI pipeline that runs webpack… | ||
| XSS, CSRF, CSP, JWT, Wtf? Idk ¯\_(ツ)_/¯ | Dominik Kundel | 31m |
Demonstrates concrete web security attacks and mitigations: a JWT "none" algorithm exploit that converts a user cookie to admin (fixed by using HttpOnly… | ||
| Fontastic web performance | Monica Dinculescu | 31m |
68% of websites use web fonts and Google Web Fonts reports ~17 trillion views; the real decisions are about bytes and behavior: prefer WOFF2 and subset by… | ||
| A Guide to Instant Loading Angular Apps | Mashhood Rastgar | 18m |
Claim: first-render times commonly hit ~16 seconds and vendor bundles balloon to 3–5 MB; compile cost alone can be ~2.5s per 1 MB on slow phones. Practical… | ||
| What the v...DOM? | Stefan Judis | 28m |
Shows how JSX becomes an AST using Babel (Babylon) + traverse + generator, implements an H function that returns virtual nodes, wires components with a… | ||
| The exciting future of React | Kitze Ristovski | 34m |
React 16 actually rewrites the core as React Fiber core rewrite and enables concrete features: fragments replace aux so components return multiple siblings… | ||
| Teleport your application | Paul Brie | 35m |
A platform claims to generate and maintain React and React‑Native front ends from a JSON intermediary that hydrates both code and a live browser instance, with… | ||
| Reasons to give React Native a(nother) try | Brent Vatne | 25m |
Three years in, React Native shows concrete progress: an easy web playground and editor workflow via Expo snack in-browser editor, a rich ecosystem with… | ||
| Advanced Redux - Design Patterns and Practices | Nir Kaufman | 33m |
Shows how Redux maps to decades-old messaging patterns, builds a runnable SPA demo that fetches a books collection and proves middleware is the important part… | ||
| Meta Vue Framework | Sébastien Chopin | 23m |
Nuxt.js claims to be a Meta Vue Framework that hides webpack and generates routes and store modules from a pages and store filesystem it provides FS router and… | ||
| Vue.js and Serverless | Sarah Drasner | 22m |
Shows how to wire Vue (and Nuxt) to serverless functions on Azure to crop and store images on the fly and update geolocation data, using Stripe for payments… | ||
| A red LEGO brick is always red components on the web | Jack Franklin | 31m |
Explains concrete patterns: one-folder-per-component, treat components as black boxes, pull business logic out and keep components presentation-only; use React… | ||
| The Dream of Styleguide Driven Development | Sara Vieira | 34m |
Claims that a component styleguide plus tooling actually stops style rot: a real styleguide is built, React components and docs are auto-rendered, CSS moves… | ||
| Getting the best out of web-based 2D graphics | Larissa Davidova | |
-- no description -- | ||
| Recursion, Iteration, and JavaScript A Love Story | Anjana Vakil | 38m |
Shows how ES6 features actually unite recursion and iteration by building an Iterable protocol tree via a generator that uses yield and for...of, turning a… | ||
| V8 internals for JS developers | Mathias Bynens | 30m |
Shows that small, concrete V8 facts change choices: arrays have element kinds like packed SMI elements vs holey double elements, transitions only go downward… | ||
| How to make your LEDs better listeners | Stephanie Nemeth | 28m |
Build is a wearable LED system that first uses socket.io and Adafruit Feathers and then switches to MQTT after flaky Wi‑Fi and repeated crashes at a public… | ||
| Making The Terminal Great Again | Liran Tal | 33m |
Live demo builds a real CLI called Chucky that fetches from chucknorris.io and runs successfully with animated loaders and interactive menus. Argument parsing… | ||
| Full-Config-Jacket | Even Stensberg | 31m |
Argument: reduce tooling by shipping sensible defaults and an ecosystem so users type one command and build. Evidence: extracted webpack-cli into its own repo… | ||
| CodeSandbox | Ives van Hoorne | 28m |
An online editor for web apps that actually runs bundling and code execution in the browser, CodeSandbox explains how it reduces dependency size by extracting… | ||
| Serving for the win - Deployments and hosting for the rest of us | Phil Hawksworth | 34m |
Tells how deployments move from fragile FTP drag‑and‑drop to scripted CI/CD: Git tags auto‑build with Jenkins into Google App Engine so every version has a… | ||
| Virtual reality for every developer! | Shagufta Gurmukhdas | 23m |
Since 2016 the VR technology has been a rising trend again, and many types of headsets are out in the market. Proprietary tools for creating VR apps have their… | ||
| Package Quest, the journey of a package from the npm registry to your computer. | Jeff Lembeck | 34m |
A clear, concrete map of what happens when npm install runs: how shishi gommi builds a dependency tree from node_modules and package-lock.json, how Kakashi and… | ||
| nothing matches | ||