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
Ugrás a tartalomra
A Twitter szolgáltatásainak használatával elfogadod a cookie-k (sütik) használatát. Partnereinkkel együttműködve a világ minden részén cookie-kat (sütiket) használunk, beleértve azok analitikai, testreszabott megjelenítés céljából történő és reklámcélú felhasználását is.
  • Kezdőlap Kezdőlap Kezdőlap, jelenlegi oldal.
  • Rólunk

Mentett keresések

  • Eltávolítás
  • Ebben a beszélgetésben
    Hitelesített felhasználóVédett Tweetek @
Javasolt felhasználók
  • Hitelesített felhasználóVédett Tweetek @
  • Hitelesített felhasználóVédett Tweetek @
  • Nyelv: magyar
    • Bahasa Indonesia
    • Bahasa Melayu
    • Català
    • Čeština
    • Dansk
    • Deutsch
    • English
    • English UK
    • Español
    • Filipino
    • Français
    • Hrvatski
    • Italiano
    • Nederlands
    • Norsk
    • Polski
    • Português
    • Română
    • Slovenčina
    • Suomi
    • Svenska
    • Tiếng Việt
    • Türkçe
    • Ελληνικά
    • Български език
    • Русский
    • Српски
    • Українська мова
    • עִבְרִית
    • العربية
    • فارسی
    • मराठी
    • हिन्दी
    • বাংলা
    • ગુજરાતી
    • தமிழ்
    • ಕನ್ನಡ
    • ภาษาไทย
    • 한국어
    • 日本語
    • 简体中文
    • 繁體中文
  • Van már Twitter-fiókod? Bejelentkezés
    Van már Twitter-fiókod?
    · Elfelejtetted a jelszavadat?

    Új vagy a Twitteren?
    Regisztráció
PhilippSpiess profilja
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
Csatlakozott 2009. március

Tweets

  • © 2020 Twitter
  • Rólunk
  • Súgóközpont
  • Felhasználási feltételek
  • Adatvédelmi irányelvek
  • Cookie-k
  • Hirdetési információk
Eltüntetés
Előző
Következő

Tovább a személy profiljára

Mentett keresések

  • Eltávolítás
  • Ebben a beszélgetésben
    Hitelesített felhasználóVédett Tweetek @
Javasolt felhasználók
  • Hitelesített felhasználóVédett Tweetek @
  • Hitelesített felhasználóVédett Tweetek @

Népszerűsítsd ezt a Tweetet

Letiltás

  • Tweetelés tartózkodási hely megadásával

    Hozzáadhatod a tartózkodási helyeddel kapcsolatos információkat a Tweetjeidhez – pl. a városodat vagy a pontos földrajzi helyzetedet – a weben és a külső felek alkalmazásaiban. Mindig lehetőséged van törölni a Tweetekkel kapcsolatos tartózkodási helyek listáját. Tudj meg többet

    Listáid

    Új lista létrehozása


    Legfejlebb 100 karakter; választható

    Adatvédelem

    Másold a hivatkozást a Tweetbe

    Tweet beágyazása

    Embed this Video

    Add ezt a Tweetet weboldaladhoz az alábbi kód bemásolásával. Tudj meg többet

    Add ezt a videót weboldaladhoz az alábbi kód bemásolásával. Tudj meg többet

    Nem sikerült elérni a kiszolgálót.

    A Twitter tartalmainak weboldalara vagy alkalmazásodba történő beágyazásával elfogadod a Fejlesztői szerződést és a Fejlesztői irányelveket.

    Előnézet

    Miért látod ezt a hirdetést?

    Bejelentkezés a Twitterre

    · Elfelejtetted a jelszavadat?
    Nincs felhasználói fiókod? Regisztráció »

    Regisztrálj a Twitterre

    Még nem vagy fent Twitteren? Regisztrálj, nézd meg a téged érdeklő dolgokat és értesülj minden történésről az azonnali frissítések segítségével.

    Regisztráció
    Van már Twitter-fiókod? Bejelentkezés »

    Kétirányú (küldés és fogadás) rövid kódok:

    Ország Kód Azon felhasználók részére
    Egyesült Államok 40404 (bármely)
    Kanada 21212 (bármely)
    Egyesült Királyság 86444 Vodafone, Orange, 3, O2
    Brazília 40404 Nextel, TIM
    Haiti 40404 Digicel, Voila
    Írország 51210 Vodafone, O2
    India 53000 Bharti Airtel, Videocon, Reliance
    Indonézia 89887 AXIS, 3, Telkomsel, Indosat, XL Axiata
    Olaszország 4880804 Wind
    3424486444 Vodafone
    » Nézd meg a más országokra vonatkozó SMS rövid kódokat!

    Megerősítés

     

    Üdvözlünk itthon!

    Ezen az idővonalon fogsz a legtöbb időt tölteni, miközben azonnali frissítéseket kapsz a téged érdeklő dolgokról.

    A Tweetek nem jönnek be neked?

    Ha szeretnéd egy fiók követését visszavonni, húzd el a kurzort a profilkép felett és kattints a Követés gombra.

    Egy szó néha ezer szónál is többet ér...

    Ha olyan Tweetet látsz, amelyik tetszik, érintsd meg a szívet — ezzel tudatod a Tweet írójával, hogy megosztottad a szeretetet.

    Add tovább a szót

    A retweetelés a leggyorsabb módja annak, hogy egy felhasználó Tweetjét megoszd a követőiddel. Érintsd meg az ikont az azonnali küldéshez.

    Csatlakozz a beszélgetéshez

    Mondd el bármely Tweettel kapcsolatos gondolatodat egy válaszban. Találj egy téged érdeklő témát és kapcsolódj be.

    Nézd meg a legfrissebb híreket

    Nézd meg, miről is beszélnek az emberek éppen most.

    Kapj még többet abból, amit szeretsz

    Kövess még több felhasználót, hogy azonnali frissítéseket kapj a téged érdeklő dolgokról.

    Nézd meg, hogy mi történik éppen most

    Nézd meg a legfrissebb, bármely témájú beszélgetéseket azonnal.

    Ne maradj le egyetlen Pillanatról sem

    Olvasd azonnal a legjobb történeteket, ahogy kibontakoznak.

    1. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

      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 válasz 0 retweet 5 kedvelés
      Hozzászóláslánc megjelenítése
    2. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

      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 válasz 0 retweet 6 kedvelés
      Hozzászóláslánc megjelenítése
    3. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

      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 válasz 0 retweet 5 kedvelés
      Hozzászóláslánc megjelenítése
    4. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

      Philipp Spiess retweetelte:  🌈 Josh

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

      Philipp Spiess hozzáadta,

       🌈 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!
      Hozzászóláslánc megjelenítése
      1 válasz 0 retweet 6 kedvelés
      Hozzászóláslánc megjelenítése
    5. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

      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 válasz 1 retweet 5 kedvelés
      Hozzászóláslánc megjelenítése
    6. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

      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 válasz 1 retweet 12 kedvelés
      Hozzászóláslánc megjelenítése
    7. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

      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 válasz 2 retweet 19 kedvelés
      Hozzászóláslánc megjelenítése
    8. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

      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 válasz 2 retweet 7 kedvelés
      Hozzászóláslánc megjelenítése
    9. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

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

      1 válasz 0 retweet 6 kedvelés
      Hozzászóláslánc megjelenítése
    10. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

      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 válasz 1 retweet 9 kedvelés
      Hozzászóláslánc megjelenítése
      Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

      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 - 2019. máj. 23.
      • 3 retweet
      • 30 kedvelés
      • 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 válasz 3 retweet 30 kedvelés
        1. Új beszélgetés
        2. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 2 retweet 14 kedvelés
          Hozzászóláslánc megjelenítése
        3. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          Of course not 😉pic.twitter.com/lrQAX9RklF

          My goal is not to convert you
          2 válasz 0 retweet 5 kedvelés
          Hozzászóláslánc megjelenítése
        4. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 0 retweet 11 kedvelés
          Hozzászóláslánc megjelenítése
        5. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 2 retweet 5 kedvelés
          Hozzászóláslánc megjelenítése
        6. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 2 retweet 19 kedvelés
          Hozzászóláslánc megjelenítése
        7. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 4 retweet 20 kedvelés
          Hozzászóláslánc megjelenítése
        8. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          Philipp Spiess retweetelte: 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 hozzáadta,

          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
          Hozzászóláslánc megjelenítése
          1 válasz 3 retweet 26 kedvelés
          Hozzászóláslánc megjelenítése
        9. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 5 retweet 16 kedvelés
          Hozzászóláslánc megjelenítése
        10. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 0 retweet 8 kedvelés
          Hozzászóláslánc megjelenítése
        11. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 0 retweet 6 kedvelés
          Hozzászóláslánc megjelenítése
        12. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 12 retweet 67 kedvelés
          Hozzászóláslánc megjelenítése
        13. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 1 retweet 8 kedvelés
          Hozzászóláslánc megjelenítése
        14. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 0 retweet 6 kedvelés
          Hozzászóláslánc megjelenítése
        15. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          🔥 @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 válasz 26 retweet 150 kedvelés
          Hozzászóláslánc megjelenítése
        16. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

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

          A slide showing “Skip”
          1 válasz 0 retweet 7 kedvelés
          Hozzászóláslánc megjelenítése
        17. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

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

          1 válasz 0 retweet 8 kedvelés
          Hozzászóláslánc megjelenítése
        18. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 0 retweet 8 kedvelés
          Hozzászóláslánc megjelenítése
        19. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

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

          1 válasz 0 retweet 5 kedvelés
          Hozzászóláslánc megjelenítése
        20. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 0 retweet 3 kedvelés
          Hozzászóláslánc megjelenítése
        21. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 1 retweet 10 kedvelés
          Hozzászóláslánc megjelenítése
        22. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

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

          1 válasz 3 retweet 11 kedvelés
          Hozzászóláslánc megjelenítése
        23. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 0 retweet 6 kedvelés
          Hozzászóláslánc megjelenítése
        24. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

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

          1 válasz 1 retweet 7 kedvelés
          Hozzászóláslánc megjelenítése
        25. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 1 retweet 21 kedvelés
          Hozzászóláslánc megjelenítése
        26. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          Public NOW! 🎉pic.twitter.com/Akdkwfut6W

          Version 0.1.0 is published on mom
          1 válasz 0 retweet 5 kedvelés
          Hozzászóláslánc megjelenítése
        27. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          ⚡️ 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 válasz 0 retweet 4 kedvelés
          Hozzászóláslánc megjelenítése
        28. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 3 retweet 7 kedvelés
          Hozzászóláslánc megjelenítése
        29. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 3 retweet 8 kedvelés
          Hozzászóláslánc megjelenítése
        30. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

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

          Josh Hargreaves from Bloomberg and his opening slide
          1 válasz 0 retweet 5 kedvelés
          Hozzászóláslánc megjelenítése
        31. Philipp Spiess‏ @PhilippSpiess 2019. máj. 23.

          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 válasz 2 retweet 28 kedvelés
          Hozzászóláslánc megjelenítése
        32. 59 további válasz

      Úgy tűnik, a betöltés eltart egy darabig.

      A Twitter túlterhelt, vagy fennakadás lehet a rendszerben. Próbálkozz újra, vagy további információkért látogass el a Twitter állapota oldalra.

        Népszerű Tweet

        false

        • © 2020 Twitter
        • Rólunk
        • Súgóközpont
        • Felhasználási feltételek
        • Adatvédelmi irányelvek
        • Cookie-k
        • Hirdetési információk