Wayback Machine
Jan FEB APR »
Previous capture 12 Next capture
2019 2020 2021
0 captures
10 Feb 20 - 3 May 20
sparklines
Close Minimize Help
Wayback Machine
Lumaktaw sa nilalaman
Sa paggamit sa mga serbisyo ng Twitter, sumasang-ayon ka sa aming Paggamit ng Cookies. Kami at ang aming mga partner ay nag-o-operate sa buong mundo at gumagamit ng cookies, kabilang ang para sa analytics, pag-personalize, at mga ad.
  • Home Home Home, kasalukuyang pahina.
  • Tungkol dito

Nai-save na paghahanap

  • Tanggalin
  • Sa usapang ito
    Beripikadong accountMga Protektadong Tweet @
Iminungkahing mga user
  • Beripikadong accountMga Protektadong Tweet @
  • Beripikadong accountMga Protektadong Tweet @
  • Wika: Filipino
    • Bahasa Indonesia
    • Bahasa Melayu
    • Català
    • Čeština
    • Dansk
    • Deutsch
    • English
    • English UK
    • Español
    • Français
    • Hrvatski
    • Italiano
    • Magyar
    • Nederlands
    • Norsk
    • Polski
    • Português
    • Română
    • Slovenčina
    • Suomi
    • Svenska
    • Tiếng Việt
    • Türkçe
    • Ελληνικά
    • Български език
    • Русский
    • Српски
    • Українська мова
    • עִבְרִית
    • العربية
    • فارسی
    • मराठी
    • हिन्दी
    • বাংলা
    • ગુજરાતી
    • தமிழ்
    • ಕನ್ನಡ
    • ภาษาไทย
    • 한국어
    • 日本語
    • 简体中文
    • 繁體中文
  • Meron nang account? Mag-log in
    Meron nang account?
    · Nakalimutan ang password?

    Bago sa Twitter?
    Mag-sign up
Profile ni PhilippSpiess
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
Sumali noong Marso 2009

Tweets

  • © 2020 Twitter
  • Tungkol dito
  • Help Center
  • Mga Tuntunin
  • Patakaran sa pagkapribado
  • Cookies
  • Impormasyon ng mga ad
I-dismiss
Nakaraan
Susunod

Pumunta sa profile ng isang tao

Nai-save na paghahanap

  • Tanggalin
  • Sa usapang ito
    Beripikadong accountMga Protektadong Tweet @
Iminungkahing mga user
  • Beripikadong accountMga Protektadong Tweet @
  • Beripikadong accountMga Protektadong Tweet @

I-promote ang Tweet na ito

I-block

  • Mag-tweet nang may lokasyon

    Makakapagdagdag ka ng impormasyon tungkol sa lokasyon sa iyong mga Tweet, gaya ng siyudad o eksaktong lugar mo, mula sa web at sa pamamagitan ng mga aplikasyon ng pangatlong partido. Lagi kang may opsyon na burahin ang kasaysayan ng iyong lokasyon ng mga Tweet. Matuto pa

    Mga Listahan mo

    Gumawa ng bagong listahan


    Mas mababa sa 100 characters, opsyonal

    Pagkapribado

    Kopyahin ang link ng Tweet

    I-embed ang Tweet na ito

    I-embed itong Video

    Idagdag itong Tweet sa website mo sa pamamagitan ng pagkopya ng code sa ibaba. Matuto pa

    Idagdag itong video sa website mo sa pamamagitan ng pagkopya ng code sa ibaba. Matuto pa

    Hmm, nagkaroon ng problema sa pag-abot sa server.

    Sa pag-embed ng nilalaman ng Twitter sa iyong website o app, sumasang-ayon ka sa Kasunduan ng Developer at Patakaran ng Developer ng Twitter.

    Preview

    Kung bakit mo nakikita ang ad na ito

    Mag-log in sa Twitter

    · Nakalimutan ang password?
    Walang account? Mag-sign up »

    Mag-sign up sa Twitter

    Wala sa Twitter? Mag-sign up, mag-tune in sa mga bagay na mahalaga sa iyo, at tumanggap ng mga update habang ang mga ito'y nangyayari.

    Mag-sign up
    Meron nang account? Mag-log in »

    Maiikling code na balikan (pagpapadala at pagtanggap)

    Bansa Code Para sa mga customer ng
    Estados Unidos 40404 (kahit ano)
    Canada 21212 (kahit ano)
    United Kingdom 86444 Vodafone, Orange, 3, O2
    Brazil 40404 Nextel, TIM
    Haiti 40404 Digicel, Voila
    Ireland 51210 Vodafone, O2
    India 53000 Bharti Airtel, Videocon, Reliance
    Indonesia 89887 AXIS, 3, Telkomsel, Indosat, XL Axiata
    Italy 4880804 Wind
    3424486444 Vodafone
    » Tignan ang mga SMS short codes para sa ibang mga bansa

    Kumpirmasyon

     

    Maligayang pagdating!

    Ito ang timeline kung saan ka mamamalagi. Dito mo makukuha ang iyong mga agarang update tungkol sa mga bagay na mahalaga sa iyo.

    Hindi mo gusto ang mga Tweet na ito?

    Mag-hover sa larawan ng profile at i-click ang buton na Sinusundan para hindi na sundan ang alinmang account.

    Magsaad nang lubos sa kaunting salita

    Kapag nakakita ka ng isang Tweet na gusto mo, i-tap ang puso — pinapaalam nito sa taong nagsulat nito na gusto mo ito.

    Ikalat ang salita

    Ang pinakamabilis na paraan upang ibahagi ang Tweet ng sinuman sa mga tagasunod mo ay ang pag-Retweet. I-tap ang icon upang ipadala ito kaagad.

    Sumali sa usapan

    Idagdag ang naiisip mo tungkol sa anumang Tweet gamit ang Sumagot. Maghanap ng isang paksang gustong-gusto mo, at sumali.

    Alamin ang pinakabago

    Makakuha agad ng insight sa kung ano'ng pinag-uusapan ng mga tao ngayon mismo.

    Makakuha pa ng tungkol sa gusto mo.

    Sumunod pa sa maraming account upang makakuha ng mga agarang update tungkol sa mga paksa kung saan interesado ka.

    Alamin ang nangyayari

    Tingnan ang pinakahuling usapan tungkol sa anumang paksa nang agaran.

    Huwag palampasin ang Sandali

    Makahabol sa pinakamagagandang kuwento habang nagaganap ang mga ito.

    1. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 0 retweet 5 gusto
      Ipakita ang thread na ito
    2. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 0 retweet 6 (na) gusto
      Ipakita ang thread na ito
    3. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 0 retweet 5 gusto
      Ipakita ang thread na ito
    4. Philipp Spiess‏ @PhilippSpiess May 23, 2019

      Ni-retweet ni Philipp Spiess ang  🌈 Josh

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

      Idinagdag ni Philipp Spiess,

       🌈 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!
      Ipakita ang thread na ito
      1 sagot 0 retweet 6 (na) gusto
      Ipakita ang thread na ito
    5. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 1 retweet 5 gusto
      Ipakita ang thread na ito
    6. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 1 retweet 12 gusto
      Ipakita ang thread na ito
    7. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 2 retweet 19 (na) gusto
      Ipakita ang thread na ito
    8. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 2 retweet 7 gusto
      Ipakita ang thread na ito
    9. Philipp Spiess‏ @PhilippSpiess May 23, 2019

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

      1 sagot 0 retweet 6 (na) gusto
      Ipakita ang thread na ito
    10. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 1 retweet 9 (na) gusto
      Ipakita ang thread na ito
      Philipp Spiess‏ @PhilippSpiess May 23, 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
      3:24 AM - May 23, 2019
      • 3 Retweet
      • 30 Gusto
      • 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 sagot 3 retweet 30 gusto
        1. Bagong usapan
        2. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 2 retweet 14 (na) gusto
          Ipakita ang thread na ito
        3. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          Of course not 😉pic.twitter.com/lrQAX9RklF

          My goal is not to convert you
          2 sagot 0 retweet 5 gusto
          Ipakita ang thread na ito
        4. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 0 retweet 11 gusto
          Ipakita ang thread na ito
        5. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 2 retweet 5 gusto
          Ipakita ang thread na ito
        6. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 2 retweet 19 (na) gusto
          Ipakita ang thread na ito
        7. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 4 mga retweet 20 gusto
          Ipakita ang thread na ito
        8. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          Ni-retweet ni Philipp Spiess ang 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 …

          Idinagdag ni Philipp Spiess,

          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
          Ipakita ang thread na ito
          1 sagot 3 retweet 26 (na) gusto
          Ipakita ang thread na ito
        9. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 5 retweet 16 (na) gusto
          Ipakita ang thread na ito
        10. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 0 retweet 8 gusto
          Ipakita ang thread na ito
        11. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 0 retweet 6 (na) gusto
          Ipakita ang thread na ito
        12. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 12 retweet 67 gusto
          Ipakita ang thread na ito
        13. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 1 retweet 8 gusto
          Ipakita ang thread na ito
        14. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 0 retweet 6 (na) gusto
          Ipakita ang thread na ito
        15. Philipp Spiess‏ @PhilippSpiess May 23, 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 sagot 26 mga retweet 150 gusto
          Ipakita ang thread na ito
        16. Philipp Spiess‏ @PhilippSpiess May 23, 2019

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

          A slide showing “Skip”
          1 sagot 0 retweet 7 gusto
          Ipakita ang thread na ito
        17. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          Skip is a programming language with: 1. Built-in caching 2. Safe parallelism 3. Garbage collection with predictable pause time.

          1 sagot 0 retweet 8 gusto
          Ipakita ang thread na ito
        18. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          Next up: @DJFreshUK with the coolest intro ever: Yes that the crowd of a concert he performed at. He’s talking about coders being the new rock stars.pic.twitter.com/moz49AeWeR

          DJ fresh staring at the screen showing a massive crowd cheering to electronic music
          1 sagot 0 retweet 8 gusto
          Ipakita ang thread na ito
        19. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          😱 This talk is so good I can’t summarize it please go watch it!

          1 sagot 0 retweet 5 gusto
          Ipakita ang thread na ito
        20. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          Woah I’m a big fan of @DJFreshUK! Next up: @IjzerenHein on Magic Move in React Native.pic.twitter.com/CUuXSLUbPn

          Magic Move === Shared Element transition
          1 sagot 0 retweet 3 gusto
          Ipakita ang thread na ito
        21. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          I just realizes that the slides appear to be a React Native app running inside the iPad simulator 😂pic.twitter.com/f7WATsZXn3

          React native magic move
Standalone solution using clones
Variety transition effects
Optional Native optimizations
React-navigation binding
          1 sagot 1 retweet 10 gusto
          Ipakita ang thread na ito
        22. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          Wowzie it’s even using React Native Magic Move.pic.twitter.com/QA8CZt38nN

          1 sagot 3 retweet 11 gusto
          Ipakita ang thread na ito
        23. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          Now: @mweststrate on combining GraphQL and mobx-state-tree.pic.twitter.com/wDxdqDj0e0

          Data models all the way: combining GraphQL and MobX-State-Tree
          1 sagot 0 retweet 6 (na) gusto
          Ipakita ang thread na ito
        24. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          👏 Bindings for mobx-state-tree and GraphQLhttps://github.com/mobxjs/mst-gql 

          1 sagot 1 retweet 7 gusto
          Ipakita ang thread na ito
        25. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          One GraphQL model to rule them all Simple client side states, views, actions, updates, reactivity Normalization, serialization Strongly typed queries, mutations, everything 🤯pic.twitter.com/oTIsDVSNCH

          ‪One GraphQL model to rule them all‬
‪Simple client side states, views, actions, updates, reactivity‬
‪Normalization, serialization‬
‪Strongly typed queries, mutations, everything‬
          1 sagot 1 retweet 21 gusto
          Ipakita ang thread na ito
        26. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          Public NOW! 🎉pic.twitter.com/Akdkwfut6W

          Version 0.1.0 is published on mom
          1 sagot 0 retweet 5 gusto
          Ipakita ang thread na ito
        27. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          ⚡️ Lightning talks now! First up: @Kheltdire91 on his first experience with TypeScript.pic.twitter.com/anU7JfgHFD

          A slide showing my first experience with TypeScript.
          2 sagot 0 retweet 4 (na) gusto
          Ipakita ang thread na ito
        28. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          Next: @tyoushe on Visual feature engineering for Machine Learning with React.pic.twitter.com/HMhyN1Qpga

          Olga Petrova’s slide on Visual Feature Engineering for Machine Learning with React
          1 sagot 3 retweet 7 gusto
          Ipakita ang thread na ito
        29. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          Now @hhg2288 on stage and talking about why we need design systems. 🎨pic.twitter.com/QUgwZlhJ9T

          Horacio Herrera on why we need design systems
          1 sagot 3 retweet 8 gusto
          Ipakita ang thread na ito
        30. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          .@joshjhargreaves on “Achieving great performance in react native apps.”pic.twitter.com/9z5QfXhqEQ

          Josh Hargreaves from Bloomberg and his opening slide
          1 sagot 0 retweet 5 gusto
          Ipakita ang thread na ito
        31. Philipp Spiess‏ @PhilippSpiess May 23, 2019

          And @olivtassinari on his talk about Material-UI v4 and beyond.pic.twitter.com/zfN642vdQW

          Olivier Tassinari and his intro slide about Material UI v4 and beyond.
          1 sagot 2 retweet 28 gusto
          Ipakita ang thread na ito
        32. 59 pang ibang sagot

      Ang paglo-load ay mukhang natatagalan.

      Maaaring lumagpas na sa kapasidad ang Twitter o nakakaranas ng panandaliang problema. Subukan muli o bisitahin ang Twitter Status para sa karagdagang impormasyon.

        Promoted na Tweet

        false

        • © 2020 Twitter
        • Tungkol dito
        • Help Center
        • Mga Tuntunin
        • Patakaran sa pagkapribado
        • Cookies
        • Impormasyon ng mga ad