Wayback Machine
Jan FEB APR »
Previous capture 20 Next capture
2019 2020 2021
0 captures
10 Feb 20 - 3 May 20
sparklines
Close Minimize Help
Wayback Machine
Spring til indhold
Ved din brug af Twitters tjenester accepterer du vores brug af cookies. Vi og vores partnere opererer globalt og bruger cookies til blandt andet statistik, personlig tilpasning og annoncer.
  • Forside Forside Forside, aktuel side.
  • Om

Gemte søgninger

  • Fjern
  • I denne samtale
    Verificeret kontoBeskyttede tweets @
Foreslåede brugere
  • Verificeret kontoBeskyttede tweets @
  • Verificeret kontoBeskyttede tweets @
  • Sprog: Dansk
    • Bahasa Indonesia
    • Bahasa Melayu
    • Català
    • Čeština
    • Deutsch
    • English
    • English UK
    • Español
    • Filipino
    • Français
    • Hrvatski
    • Italiano
    • Magyar
    • Nederlands
    • Norsk
    • Polski
    • Português
    • Română
    • Slovenčina
    • Suomi
    • Svenska
    • Tiếng Việt
    • Türkçe
    • Ελληνικά
    • Български език
    • Русский
    • Српски
    • Українська мова
    • עִבְרִית
    • العربية
    • فارسی
    • मराठी
    • हिन्दी
    • বাংলা
    • ગુજરાતી
    • தமிழ்
    • ಕನ್ನಡ
    • ภาษาไทย
    • 한국어
    • 日本語
    • 简体中文
    • 繁體中文
  • Har du en konto? Log ind
    Har du en konto?
    · Glemt din adgangskode?

    Ny på Twitter?
    Tilmeld dig
PhilippSpiesss profil
Philipp Spiess
Philipp Spiess
Philipp Spiess
@PhilippSpiess

Tweets

Philipp Spiess

@PhilippSpiess

❤️✨ @Facebook engineer · 🇦🇹 in 🇬🇧 · http://this-week-in-react.org  · @reactjs DOM team · he/him · always curious

London, England
ᵮ.com
Tilmeldt marts 2009

Tweets

  • © 2020 Twitter
  • Om
  • Hjælpecenter
  • Vilkår
  • Privatlivspolitik
  • Cookies
  • Annonce-info
Afvis
Forrige
Næste

Gå til en persons profil

Gemte søgninger

  • Fjern
  • I denne samtale
    Verificeret kontoBeskyttede tweets @
Foreslåede brugere
  • Verificeret kontoBeskyttede tweets @
  • Verificeret kontoBeskyttede tweets @

Promover dette Tweet

Bloker

  • Tweet med en lokalitet

    Du kan føje lokalitetsoplysninger til dine Tweets, såsom din by eller præcise placering, fra webben og via tredjepartsapplikationer. Du kan altid slette lokalitetshistorikken for dine Tweets. Lær mere

    Dine lister

    Opret en ny liste


    Under 100 tegn, valgfri

    Privatliv

    Kopier link til tweet

    Indlejring af dette tweet

    Embed this Video

    Føj dette Tweet til dit websted ved at kopiere koden nedenfor. Lær mere

    Føj denne video til dit websted ved at kopiere koden nedenfor. Lær mere

    Hmm, der var et problem med forbindelsen til serveren.

    Ved at indlejre Twitter-indhold på dit websted eller i din app accepterer du Twitters udvikleraftale og udviklerpolitik.

    Forhåndsvisning

    Derfor ser du denne annonce

    Log ind på Twitter

    · Glemt din adgangskode?
    Har du ingen konto? Tilmeld dig »

    Tilmeld dig Twitter

    Ikke på Twitter? Tilmeld dig, find de emner du holder af, og bliv opdateret så snart noget sker.

    Tilmeld dig
    Har du en konto? Log ind »

    To-vejs (sende og modtage) tjenestenumre:

    Land Kode For kunder af
    USA 40404 (nogen)
    Canada 21212 (nogen)
    Storbritannien 86444 Vodafone, Orange, 3, O2
    Brasilien 40404 Nextel, TIM
    Haiti 40404 Digicel, Voila
    Irland 51210 Vodafone, O2
    Indien 53000 Bharti Airtel, Videocon, Reliance
    Indonesien 89887 AXIS, 3, Telkomsel, Indosat, XL Axiata
    Italien 4880804 Wind
    3424486444 Vodafone
    » Se sms-tjenestenumre for andre lande

    Bekræftelse

     

    Velkommen hjem!

    Denne tidslinje er der, hvor du vil bruge mest af din tid og konstant få opdateringer om det, der interesserer dig.

    Fungerer Tweets ikke for dig?

    Hold over profilbilledet og klik på Følger-knappen for at stoppe med at følge enhver konto.

    Sig en masse med en smule

    Når du ser et Tweet, du elsker, kan du trykke på hjertet — det viser personen, der skrev det, din påskønnelse.

    Spred budskabet

    Den hurtigste måde, hvorpå du kan dele en andens Tweet med dine følgere, er et Retweet. Tryk på ikonet for at sende det straks.

    Deltag i samtalen

    Tilføj dine tanker om ethvert Tweet med et svar. Find et emne, du er passioneret omkring, og hop direkte ind i samtalen.

    Få det seneste at vide

    Få øjeblikkelig indsigt i det, folk snakker om lige nu.

    Få mere af det, du elsker

    Følg flere konti for at få øjeblikkelige opdateringer om de emner, du er interesseret i.

    Opdag, hvad der sker.

    Se de nyeste samtaler om ethvert emne her og nu.

    Gå aldrig glip af et Øjeblik

    Følg de bedste historier, mens de sker.

    1. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      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

      Style, Layout, Paint, Composite
      1 svar 0 retweets 5 likes
      Vis denne tråd
    2. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      Now @JoshWComeau shows an accordion he built where he avoids layout calculations to render fluidly on all devices. The second example is a like button with a particle effect like the one on https://twitter.com . Now he’s using http://jspaint.app  to explain the math. 😂pic.twitter.com/ogOdPKd6Nz

      A painting showing how to use some to calculate some of the trigonometry.
      1 svar 0 retweets 6 likes
      Vis denne tråd
    3. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      Sprites can help make the animation even smoother. Sprites are pre-rendered images of every frame which avoid all the work since the image is already rendered!pic.twitter.com/FKJCun4oZ7

      CSS animation steps to implement Sprites for a like button in 34 steps.
      1 svar 0 retweets 5 likes
      Vis denne tråd
    4. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      Philipp Spiess har retweetet  🌈 Josh

      Slides are here:https://twitter.com/JoshWComeau/status/1131484918524108800?s=20 …

      Philipp Spiess tilføjet,

       🌈 Josh @JoshWComeau
      Code, slides, and more for my React Europe talk, "Saving the Web 16 Milliseconds at a Time", available on Github: https://github.com/joshwcomeau/talk-2019 … Thanks for watching y'all!
      Vis denne tråd
      1 svar 0 retweets 6 likes
      Vis denne tråd
    5. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      Next up: @alecdotbiz on React Spring, a popular React animation library that explores physics based UI animation.pic.twitter.com/zeplkT6VdW

      Why animate anything?
      1 svar 1 retweet 5 likes
      Vis denne tråd
    6. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      In React Spring, you don’t need timing functions. Everything is based on spring physics. You can tweak the parameters to get different feels. Check out some of the presets (more in the recording):pic.twitter.com/uUOkOyUWJH

      1 svar 1 retweet 12 likes
      Vis denne tråd
    7. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      Now on stage: @ellatrx on designing the rich content editor for @WordPress. The previous editor was entirely relying on contentEditable and used the DOM as the source of truth. One giant problem with this is that you always end up getting an element soup.pic.twitter.com/3p80m6mN3d

      Previous editor used the Dom as the source of truth
      1 svar 2 retweets 19 likes
      Vis denne tråd
    8. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      The new editor, Gutenberg, works differently. Everything (E.g. headlines, subtitles) are described as blocks. Blocks use HTML with special comments to describe the behavior. All of the HTML is parsed into an object tree.pic.twitter.com/PIc66OgwGp

      Everything is a Block!
      1 svar 2 retweets 7 likes
      Vis denne tråd
    9. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      For backward compatibility, pages created using the old editor will be migrated into one special legacy block for the new system. Beautiful!

      1 svar 0 retweets 6 likes
      Vis denne tråd
    10. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      For rich text content block, Gutenberg ended up writing up their own <RichText> components in React using contentEditable under the hood but making it a controlled component. Key strokes and input events as well as the DOM content are used to map to the next state.pic.twitter.com/qnKF3mruEl

      Key&input: dom -> object -> dom
      1 svar 1 retweet 9 likes
      Vis denne tråd
      Philipp Spiess‏ @PhilippSpiess 23. maj 2019

      Whaaat the slides are made with Gutenberg as well 👏pic.twitter.com/8VvAdCOiip

      The slides of her talk are made with the Gutenberg editor
      03.24 - 23. maj 2019
      • 3 Retweets
      • 30 Likes
      • Birgit Pauli-Haack - CU at #WCMIA + #WCEU Max Ⓦ CapitaineWP Sören Wrede Nahid Ferdous Mohit Fabian Kaegy Stan Chang Jon Surrell Grzegorz (Greg) Ziółkowski laura bananas
      1 svar 3 retweets 30 likes
        1. Ny samtale
        2. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          Aaaand I’m back after the lunch break. This time with @nikgraf! He’s talking about the new Reason React.pic.twitter.com/xOyYNiyWXJ

          Slide: a hitchhiker’s guide to reasonreact
          Nik Graf
          1 svar 2 retweets 14 likes
          Vis denne tråd
        3. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          Of course not 😉pic.twitter.com/lrQAX9RklF

          My goal is not to convert you
          2 svar 0 retweets 5 likes
          Vis denne tråd
        4. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          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

          Screenshot of GraphQL PPX with an example GraphQL query.
          1 svar 0 retweets 11 likes
          Vis denne tråd
        5. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          So that’s how a Hello World React component looks like in Reason React using the React PPX.pic.twitter.com/HJJo79R4eH

          React Hello World in Reason
          Nik Graf
          1 svar 2 retweets 5 likes
          Vis denne tråd
        6. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          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

          Reason Code that shows a component with three props used as string, list of strings, and integer.
          1 svar 2 retweets 19 likes
          Vis denne tråd
        7. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          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

          Reason React component using the useState hook.
          Reason React component using a useEffect hook.
          React Reason component using a custom useQuery hook.
          1 svar 4 retweets 20 likes
          Vis denne tråd
        8. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          Philipp Spiess har retweetet Philipp Spiess

          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 …

          Philipp Spiess tilføjet,

          Reason Code that shows a component with three props used as string, list of strings, and integer.
          Philipp Spiess @PhilippSpiess
          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
          Vis denne tråd
          1 svar 3 retweets 26 likes
          Vis denne tråd
        9. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          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/9kzDBA8kTp

          Totally Native React, slide.
          Bryan Phelps
          1 svar 5 retweets 16 likes
          Vis denne tråd
        10. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          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

          Reason offers a type system, cross platform support, a good package manager (esy), continuous integration, great performance, and native compilation.
          2 svar 0 retweets 8 likes
          Vis denne tråd
        11. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          All of this can compile to JavaScript as well and just works in a browser.pic.twitter.com/VzchJvKSjV

          A Revery app in the browser showing an editor and a preview of the app
          1 svar 0 retweets 6 likes
          Vis denne tråd
        12. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          Compared to Electron, a Revery app (compiled to native code) is a lot faster. 🔥pic.twitter.com/tcVPQth3By

          Table showing startup time of onivim be of 5s and onivim be 0.5s.
          2 svar 12 retweets 67 likes
          Vis denne tråd
        13. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          Now up: Move fast with confidence by @paularmstrongpic.twitter.com/WnMEgzd2Ht

          Twitter dev workflow: write code, review, automated checks, staging, automated internal staging builds
          1 svar 1 retweet 8 likes
          Vis denne tråd
        14. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          So relatable 😂pic.twitter.com/YjYBzVIPUE

          Q: Anyone else having trouble running from the master branch?
A: did you install modules after pulling new changes?
          1 svar 0 retweets 6 likes
          Vis denne tråd
        15. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          🔥 @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/6oYricDuV8

          2 svar 26 retweets 151 likes
          Vis denne tråd
        16. Philipp Spiess‏ @PhilippSpiess 23. maj 2019

          Next: @jverlaguet on Skip, an experimental programming language developed at Facebook from 2015-2018.pic.twitter.com/qPfaoZzsug

          A slide showing “Skip”
          1 svar 0 retweets 8 likes
          Vis denne tråd
        17. Afslutning af samtale

      Indlæsning ser ud til at tage noget tid.

      Twitter kan være overbelastet eller have en midlertidig forstyrrelse. Prøv igen, eller se flere oplysninger på Twitter Status.

        Promoveret Tweet

        false

        • © 2020 Twitter
        • Om
        • Hjælpecenter
        • Vilkår
        • Privatlivspolitik
        • Cookies
        • Annonce-info