Wayback Machine
Jan FEB APR »
Previous capture 17 Next capture
2019 2020 2021
0 captures
10 Feb 20 - 3 May 20
sparklines
Close Minimize Help
Wayback Machine
Chuyển đến nội dung
Bằng việc sử dụng các dịch vụ của Twitter, bạn đồng ý với việc Sử dụng Cookie của chúng tôi. Chúng tôi và các đối tác của mình hoạt động trên phạm vi toàn cầu và sử dụng các cookie, bao gồm cho việc phân tích, cá nhân hóa và quảng cáo.
  • Trang chủ Trang chủ Trang chủ, trang hiện tại.
  • Giới thiệu

Tìm kiếm đã lưu

  • Xóa
  • Trong cuộc trò chuyện này
    Tài khoản được xác nhậnTweet được bảo vệ @
Người dùng gợi ý
  • Tài khoản được xác nhậnTweet được bảo vệ @
  • Tài khoản được xác nhậnTweet được bảo vệ @
  • Ngôn ngữ: Tiếng Việt
    • Bahasa Indonesia
    • Bahasa Melayu
    • Català
    • Čeština
    • Dansk
    • Deutsch
    • English
    • English UK
    • Español
    • Filipino
    • Français
    • Hrvatski
    • Italiano
    • Magyar
    • Nederlands
    • Norsk
    • Polski
    • Português
    • Română
    • Slovenčina
    • Suomi
    • Svenska
    • Türkçe
    • Ελληνικά
    • Български език
    • Русский
    • Српски
    • Українська мова
    • עִבְרִית
    • العربية
    • فارسی
    • मराठी
    • हिन्दी
    • বাংলা
    • ગુજરાતી
    • தமிழ்
    • ಕನ್ನಡ
    • ภาษาไทย
    • 한국어
    • 日本語
    • 简体中文
    • 繁體中文
  • Đã có tài khoản? Đăng nhập
    Đã có tài khoản?
    · Quên mật khẩu?

    Mới dùng Twitter?
    Đăng ký
Hồ sơ của 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
Đã tham gia tháng 3 năm 2009

Tweets

  • © 2020 Twitter
  • Giới thiệu
  • Trung tâm trợ giúp
  • Điều khoản
  • Chính sách riêng tư
  • Cookie
  • Thông tin quảng cáo
Bỏ qua
Trước
Kế tiếp

Đi đến hồ sơ của một người dùng

Tìm kiếm đã lưu

  • Xóa
  • Trong cuộc trò chuyện này
    Tài khoản được xác nhậnTweet được bảo vệ @
Người dùng gợi ý
  • Tài khoản được xác nhậnTweet được bảo vệ @
  • Tài khoản được xác nhậnTweet được bảo vệ @

Quảng bá Tweet này

Chặn

  • Tweet với một vị trí

    Bạn có thể thêm thông tin vị trí vào các Tweet, như như thành phố hoặc vị trí chính xác của bạn, từ web và qua các ứng dụng của bên thứ ba. Bạn luôn có thể xóa lịch sử vị trí Tweet của bạn. Tìm hiểu thêm

    Danh sách của bạn

    Tạo danh sách mới


    Dưới 100 ký tự, tùy chọn

    Riêng tư

    Sao liên kết

    Đã nhúng Tweet này

    Embed this Video

    Thêm Tweet này vào trang web bằng cách sao chép mã bên dưới. Tìm hiểu thêm

    Thêm video này vào trang web của bạn bằng cách sao chép mã bên dưới. Tìm hiểu thêm

    Hừm, đã xảy ra lỗi khi kết nối với máy chủ.

    Bằng cách nhúng nội dung Twitter trong ứng dụng hoặc trang web của bạn, bạn đang đồng ý với Thỏa thuận nhà phát triển và Chính sách nhà phát triển của Twitter.

    Xem trước

    Tại sao bạn đang thấy quảng cáo này

    Đăng nhập vào Twitter

    · Quên mật khẩu?
    Chưa có tài khoản? Đăng ký »

    Đăng ký Twitter

    Chưa có tài khoản Twitter? Hãy đăng ký, theo dõi những điều bạn quan tâm và nhận cập nhật mới nhất.

    Đăng ký
    Đã có tài khoản? Đăng nhập »

    Mã ngắn hai chiều (gửi và nhận):

    Quốc gia Mã Đối với khách hàng của
    Hoa Kỳ 40404 (bất kỳ)
    Canada 21212 (bất kỳ)
    Vương quốc Anh 86444 Vodafone, Orange, 3, O2
    Brazil 40404 Nextel, TIM
    Haiti 40404 Digicel, Voila
    Ireland 51210 Vodafone, O2
    Ấn Độ 53000 Bharti Airtel, Videocon, Reliance
    Indonesia 89887 AXIS, 3, Telkomsel, Indosat, XL Axiata
    Ý 4880804 Wind
    3424486444 Vodafone
    » Xem mã ngắn SMS cho quốc gia khác

    Xác nhận

     

    Chào mừng đến trang chủ!

    Dòng thời gian này là nơi bạn sẽ sử dụng thời gian của mình nhiều nhất, nhận những cập nhật tức thì về những điều bạn quan tâm.

    Các Tweet không hoạt động cho bạn?

    Di chuột vào ảnh hồ sơ và nhấp vào nút Đang theo dõi để bỏ theo dõi bất kỳ tài khoản nào.

    Nói nhiều một chút

    Khi bạn thấy một Tweet bạn yêu thích, nhấn trái tim — nó cho phép người viết biết bạn đã chia sẻ sự yêu thích.

    Chia sẻ

    Cách nhanh nhất để chia sẻ Tweet của ai đó với những người theo dõi bạn là Tweet lại. Nhấn biểu tượng để gửi nó đi ngay lập tức.

    Tham gia vào cuộc trò chuyện

    Thêm suy nghĩ của bạn về bất kỳ Tweet nào bằng một Trả lời. Tìm một chủ đề bạn say mê, và tham gia.

    Tìm hiểu những điều mới nhất

    Có được cái nhìn sâu sắc ngay lập tức về những điều mọi người hiện đang nói tới.

    Nhận nhiều hơn về những điều bạn yêu thích

    Theo dõi thêm tài khoản để nhận những cập nhật tức thì về các chủ đề bạn quan tâm.

    Tìm hiểu xem những gì đang xảy ra

    Thấy những cuộc trò chuyện mới nhất về bất kỳ chủ đề nào ngay tức thì.

    Không bao giờ bỏ lỡ một Khoảnh khắc

    Bắt kịp ngay lập tức các câu chuyện hay nhất đang diễn ra khi chúng được tiết lộ.

    1. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 5 thích
      Hiện chuỗi hội thoại này
    2. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 6 thích
      Hiện chuỗi hội thoại này
    3. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 5 thích
      Hiện chuỗi hội thoại này
    4. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

      Philipp Spiess đã Tweet lại  🌈 Josh

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

      Philipp Spiess đã thêm,

       🌈 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!
      Hiện chuỗi hội thoại này
      1 replies 0 tweet lại 6 thích
      Hiện chuỗi hội thoại này
    5. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 1 tweet lại 5 thích
      Hiện chuỗi hội thoại này
    6. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 1 tweet lại 12 thích
      Hiện chuỗi hội thoại này
    7. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 2 tweet lại 19 thích
      Hiện chuỗi hội thoại này
    8. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 2 tweet lại 7 thích
      Hiện chuỗi hội thoại này
    9. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

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

      1 replies 0 tweet lại 6 thích
      Hiện chuỗi hội thoại này
    10. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 1 tweet lại 9 thích
      Hiện chuỗi hội thoại này
      Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 thg 5, 2019
      • Tweet lại 3
      • Lượt thích 30
      • 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 replies 3 tweet lại 30 thích
        1. Cuộc trò chuyện mới
        2. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 2 tweet lại 14 thích
          Hiện chuỗi hội thoại này
        3. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

          Of course not 😉pic.twitter.com/lrQAX9RklF

          My goal is not to convert you
          2 replies 0 tweet lại 5 thích
          Hiện chuỗi hội thoại này
        4. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 11 thích
          Hiện chuỗi hội thoại này
        5. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 2 tweet lại 5 thích
          Hiện chuỗi hội thoại này
        6. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 2 tweet lại 19 thích
          Hiện chuỗi hội thoại này
        7. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 4 tweet lại 20 thích
          Hiện chuỗi hội thoại này
        8. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

          Philipp Spiess đã Tweet lại 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 đã thêm,

          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
          Hiện chuỗi hội thoại này
          1 replies 3 tweet lại 26 thích
          Hiện chuỗi hội thoại này
        9. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 5 tweet lại 16 thích
          Hiện chuỗi hội thoại này
        10. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 8 thích
          Hiện chuỗi hội thoại này
        11. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 6 thích
          Hiện chuỗi hội thoại này
        12. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 12 tweet lại 67 thích
          Hiện chuỗi hội thoại này
        13. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 1 tweet lại 8 thích
          Hiện chuỗi hội thoại này
        14. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 6 thích
          Hiện chuỗi hội thoại này
        15. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 26 tweet lại 150 thích
          Hiện chuỗi hội thoại này
        16. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

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

          A slide showing “Skip”
          1 replies 0 tweet lại 7 thích
          Hiện chuỗi hội thoại này
        17. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

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

          1 replies 0 tweet lại 8 thích
          Hiện chuỗi hội thoại này
        18. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 8 thích
          Hiện chuỗi hội thoại này
        19. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

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

          1 replies 0 tweet lại 5 thích
          Hiện chuỗi hội thoại này
        20. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 3 thích
          Hiện chuỗi hội thoại này
        21. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 1 tweet lại 10 thích
          Hiện chuỗi hội thoại này
        22. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

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

          1 replies 3 tweet lại 11 thích
          Hiện chuỗi hội thoại này
        23. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 6 thích
          Hiện chuỗi hội thoại này
        24. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

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

          1 replies 1 tweet lại 7 thích
          Hiện chuỗi hội thoại này
        25. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 1 tweet lại 21 thích
          Hiện chuỗi hội thoại này
        26. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

          Public NOW! 🎉pic.twitter.com/Akdkwfut6W

          Version 0.1.0 is published on mom
          1 replies 0 tweet lại 5 thích
          Hiện chuỗi hội thoại này
        27. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 0 tweet lại 4 thích
          Hiện chuỗi hội thoại này
        28. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 3 tweet lại 7 thích
          Hiện chuỗi hội thoại này
        29. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 3 tweet lại 8 thích
          Hiện chuỗi hội thoại này
        30. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 2019

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

          Josh Hargreaves from Bloomberg and his opening slide
          1 replies 0 tweet lại 5 thích
          Hiện chuỗi hội thoại này
        31. Philipp Spiess‏ @PhilippSpiess 23 thg 5, 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 replies 2 tweet lại 28 thích
          Hiện chuỗi hội thoại này
        32. 59 thêm trả lời

      Tải trang có vẻ sẽ mất một lúc.

      Twitter có thể đang bị quá tải hoặc tạm thời trục trặc. Thử lại hoặc truy cập Trạng thái Twitter để biết thêm thông tin.

        Tweet được quảng bá

        false

        • © 2020 Twitter
        • Giới thiệu
        • Trung tâm trợ giúp
        • Điều khoản
        • Chính sách riêng tư
        • Cookie
        • Thông tin quảng cáo