The pixel pipeline in the browser is often causing animations to be a lot slower than they can be. Different CSS properties cause in validations on different layers. You can use transform and opacity to avoid layout and skip some of the steps.pic.twitter.com/SMFolFwDQ9
-
-
Aaaand I’m back after the lunch break. This time with
@nikgraf! He’s talking about the new Reason React.pic.twitter.com/xOyYNiyWXJMostra el fil -
-
Reason has a feature called PPX which you can use to extend the syntax. You can use that to generate an actual module which can resolve the query to actual types. No type definitions but 100% type safety pic.twitter.com/ftqFnZPMkw
Mostra el fil -
So that’s how a Hello World React component looks like in Reason React using the React PPX.pic.twitter.com/HJJo79R4eH
Mostra el fil -
So Reason (and Ocaml) can infer the type of a React Component prop by looking at how the prop is used. In this example, the type for the prop “name”, “characteristics”, and “population” are automatically determined.pic.twitter.com/xTHaxhvk4W
Mostra el fil -
Hooks in Reason React The compiler can infer the type for a useState hook again by looking at how you use the state.pic.twitter.com/J94rCodNqX
Mostra el fil -
Ok so there’s even a PPX that can generate TypeScript/Flow declarations for your React Reason components as well. Unreal!https://twitter.com/PhilippSpiess/status/1131536730392342529 …
Mostra el fil -
So we’re staying at Reason.
@bryphe is talking about totally native React with Revery. Revery is a high-performance, React-inspired, native application stack built on top of the Reason programming language.pic.twitter.com/9kzDBA8kTpMostra el fil -
So with Reason, Revery can use both native UI frameworks (like Cocoa on a Mac) and compile into native binaries while staying at a language that is highly productive. Great fit!pic.twitter.com/lYJEENwVcs
Mostra el fil -
All of this can compile to JavaScript as well and just works in a browser.pic.twitter.com/VzchJvKSjV
Mostra el fil -
Compared to Electron, a Revery app (compiled to native code) is a lot faster. pic.twitter.com/tcVPQth3By
Mostra el fil -
-
-
@paularmstrong just announced Build Tracker. A tool to automate bundle size tracking including a dashboard that shows the bundle sizes of every build over time. http://buildtracker.dev pic.twitter.com/6oYricDuV8Mostra el fil -
Next:
@jverlaguet on Skip, an experimental programming language developed at Facebook from 2015-2018.pic.twitter.com/qPfaoZzsugMostra el fil
Final de la conversa
Conversa nova -
Sembla que triga molt a carregar-se.
És possible que el Twitter hagi assolit el límit de capacitat o que experimenti una sobrecàrrega momentània. Torna-ho a provar o vés a l'estat del Twitter si en vols obtenir més informació.