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
الإنتقال إلى المحتوى
باستخدامك لخدمات تويتر، فإنك توافق على استخدام ملفات تعريف الارتباط. نحن وشركاؤنا نعمل على الصعيد العالمي ونستخدم ملفات تعريف الارتباط بما في ذلك تلك المخصصة للتحليلات وإضفاء الطابع الشخصي والإعلانات.
  • الرئيسيّة الرئيسيّة الرئيسية، الصفحة الحالية.
  • عن تويتر

البحوث المحفوظة

  • حذف
  • في هذه المحادثة
    حساب موثّقتغريدات محميّة @
مستخدمون مُقتَرحون
  • حساب موثّقتغريدات محميّة @
  • حساب موثّقتغريدات محميّة @
  • اللغة: العربيّة
    • فارسی
    • 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
    • Tiếng Việt
    • Türkçe
    • Ελληνικά
    • Български език
    • Русский
    • Српски
    • Українська мова
    • עִבְרִית
    • मराठी
    • हिन्दी
    • বাংলা
    • ગુજરાતી
    • தமிழ்
    • ಕನ್ನಡ
    • ภาษาไทย
    • 한국어
    • 日本語
    • 简体中文
    • 繁體中文
  • هل لديك حساب؟ تسجيل الدخول
    هل لديك حساب؟
    · نسيت كلمة المرور؟

    هل أنت مستخدم جديد في تويتر؟
    تسجيل
ملفّ 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
انضم في مارس ٢٠٠٩

Tweets

  • © 2020 تويتر
  • عن تويتر
  • مركز المساعدة
  • الشروط
  • سياسة الخصوصيّة
  • الكوكيز
  • معلومات الإعلانات
تجاهَل
السابق
التالي

اذهب إلى الملفّ الشخصيّ الخاصّ بشخص

البحوث المحفوظة

  • حذف
  • في هذه المحادثة
    حساب موثّقتغريدات محميّة @
مستخدمون مُقتَرحون
  • حساب موثّقتغريدات محميّة @
  • حساب موثّقتغريدات محميّة @

روِّج هذه التغريدة

حظر

  • التغريد مع إضافة الموقع الجغرافي

    يمكنك إضافة معلومات الموقع الجغرافي إلى تغريداتك مثل مدينتك أو الموقع الدقيق من الويب أو عبر التطبيقات التابعة لجهة خارجية. يتوفر لك دائمًا خيار حذف سجل المواقع الجغرافية لتغريداتك. معرفة المزيد

    قوائمك

    إنشاء قائمة جديدة


    أقل من 100 حرف، اختياري

    الخصوصيّة

    نسخ رابط التغريدة

    تضمين هذه التغريدة

    Embed this Video

    أضف هذه التغريدة إلى موقعك الإلكترونيّ عن طريق نسخ الرمز أدناه. معرفة المزيد

    أضف هذا الفيديو إلى موقعك الإلكترونيّ عن طريق نسخ الرمز أدناه. معرفة المزيد

    حسنًا، حدثت مشكلة أثناء الاتصال بالخادم.

    بإضافة محتوى تويتر إلى صفحتك أو تطبيقك، فإنك توافق على إتفاقية المطور و سياسة المطور في تويتر.

    معاينة

    سبب ظهور هذا الإعلان لك

    سجِّل الدخول لتويتر

    · نسيت كلمة المرور؟
    ليس لديك حساب؟ تسجيل »

    التسجيل في تويتر

    لم تسجل في تويتر؟ سجل الآن، وكُن على اطلاع على الأشياء التي تهمك، و احصل على آخر الأخبار حال حدوثها.

    تسجيل
    هل لديك حساب؟ تسجيل الدخول »

    رموز قصيرة في اتّجاهين (إرسال واستقبال)

    الدولة "الرمز" لعملاء
    الولايات المتحدة الأمريكية 40404 (أيّ)
    كندا 21212 (أيّ)
    المملكة المتحدة 86444 Vodafone, Orange, 3, O2
    البرازيل 40404 Nextel, TIM
    هاييتي 40404 Digicel, Voila
    إيرلندا 51210 Vodafone, O2
    الهند 53000 Bharti Airtel, Videocon, Reliance
    إندونيسيا 89887 AXIS, 3, Telkomsel, Indosat, XL Axiata
    إيطاليا 4880804 Wind
    3424486444 Vodafone
    » شاهد الرموز القصيرة للرسائل النصّيّة القصيرة للبلدان الأخرى

    تأكيد

     

    مرحبًا بمنزلك!

    هنا في الخط الزمني ستقضي معظم وقتك، والحصول على تحديثات مباشره عن ما يهمك.

    التغريدات لا تعمل لك؟

    اضغط على صورة الملف الشخصي واضغط زر المتابعه لإلغاء متابعة اي حساب.

    قل الكثير بالقليل

    عندما ترى تغريدة تعجبك، انقر زر القلب — ذلك يخبر من قام بكتابة ذلك انك شارك الإعجاب بها.

    انشر المعلومه

    الطريقة الأسرع لمشاركة تغريدة شخص ما مع متابعيك هي إعادة التغريد. أنقر الأيقونه لإرسالها مباشرة.

    انضمّ إلى المحادثة

    شارك رأيك عن اي تغريدة عبر الرد. أبحث عن موضوع يهمك، وابدأ المحادثة.

    أعرف بأخر الأخبار

    احصل على تحديثات فورية عن ما يتحدث عنه الناس الآن.

    احصل على المزيد من ما تحبه

    تابع حسابات أكثر لتحصل على تحديثات مباشرة عن المواضيع التي تهمك.

    اكتشِف ما يحدث

    شاهد آخر المحادثات عن اي موضوع مباشرة.

    لا تفوّت أي لحظة

    لا تفوض أفضل الأخبار التي تحدث، وذلك بشكل فوري.

    1. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

      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
      ١ ردّ ٠ إعادة تغريد ٥ إعجاب
      عرض هذه السلسلة
    2. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

      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.
      ١ ردّ ٠ إعادة تغريد ٦ إعجاب
      عرض هذه السلسلة
    3. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

      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.
      ١ ردّ ٠ إعادة تغريد ٥ إعجاب
      عرض هذه السلسلة
    4. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

      قام Philipp Spiess بإعادة تغريد  🌈 Josh

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

      قام 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!
      عرض هذه السلسلة
      ١ ردّ ٠ إعادة تغريد ٦ إعجاب
      عرض هذه السلسلة
    5. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

      Why animate anything?
      ١ ردّ ١ إعادة تغريد ٥ إعجاب
      عرض هذه السلسلة
    6. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

      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

      ١ ردّ ١ إعادة تغريد ١٢ إعجاب
      عرض هذه السلسلة
    7. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

      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
      ١ ردّ ٢ إعادتا تغريد ١٩ إعجاب
      عرض هذه السلسلة
    8. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

      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!
      ١ ردّ ٢ إعادتا تغريد ٧ إعجاب
      عرض هذه السلسلة
    9. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

      ١ ردّ ٠ إعادة تغريد ٦ إعجاب
      عرض هذه السلسلة
    10. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

      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
      ١ ردّ ١ إعادة تغريد ٩ إعجاب
      عرض هذه السلسلة
      Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

      The slides of her talk are made with the Gutenberg editor
      ٣:٢٤ ص - ٢٣ مايو ٢٠١٩
      • ٣ إعاداتا تغريد
      • ٣٠ إعجابات
      • 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. محادثة جديدة
        2. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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
          ١ ردّ ٢ إعادتا تغريد ١٤ إعجاب
          عرض هذه السلسلة
        3. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          Of course not 😉pic.twitter.com/lrQAX9RklF

          My goal is not to convert you
          ٢ ردّان ٠ إعادة تغريد ٥ إعجاب
          عرض هذه السلسلة
        4. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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.
          ١ ردّ ٠ إعادة تغريد ١١ إعجاب
          عرض هذه السلسلة
        5. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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
          ١ ردّ ٢ إعادتا تغريد ٥ إعجاب
          عرض هذه السلسلة
        6. 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

          Reason Code that shows a component with three props used as string, list of strings, and integer.
          ١ ردّ ٢ إعادتا تغريد ١٩ إعجاب
          عرض هذه السلسلة
        7. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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.
          ١ ردّ ٤ إعادات تغريد ٢٠ إعجاب
          عرض هذه السلسلة
        8. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          قام Philipp Spiess بإعادة تغريد 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 بإضافة،

          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
          عرض هذه السلسلة
          ١ ردّ ٣ إعادات تغريد ٢٦ إعجاب
          عرض هذه السلسلة
        9. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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
          ١ ردّ ٥ إعادات تغريد ١٦ إعجاب
          عرض هذه السلسلة
        10. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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.
          ٢ ردّان ٠ إعادة تغريد ٨ إعجاب
          عرض هذه السلسلة
        11. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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
          ١ ردّ ٠ إعادة تغريد ٦ إعجاب
          عرض هذه السلسلة
        12. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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.
          ٢ ردّان ١٢ إعادات تغريد ٦٧ إعجاب
          عرض هذه السلسلة
        13. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

          Twitter dev workflow: write code, review, automated checks, staging, automated internal staging builds
          ١ ردّ ١ إعادة تغريد ٨ إعجاب
          عرض هذه السلسلة
        14. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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?
          ١ ردّ ٠ إعادة تغريد ٦ إعجاب
          عرض هذه السلسلة
        15. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          🔥 @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

          ٢ ردّان ٢٦ إعادات تغريد ١٥٠ إعجاب
          عرض هذه السلسلة
        16. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

          A slide showing “Skip”
          ١ ردّ ٠ إعادة تغريد ٧ إعجاب
          عرض هذه السلسلة
        17. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

          ١ ردّ ٠ إعادة تغريد ٨ إعجاب
          عرض هذه السلسلة
        18. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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
          ١ ردّ ٠ إعادة تغريد ٨ إعجاب
          عرض هذه السلسلة
        19. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

          ١ ردّ ٠ إعادة تغريد ٥ إعجاب
          عرض هذه السلسلة
        20. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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
          ١ ردّ ٠ إعادة تغريد ٣ إعجاب
          عرض هذه السلسلة
        21. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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
          ١ ردّ ١ إعادة تغريد ١٠ إعجاب
          عرض هذه السلسلة
        22. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

          ١ ردّ ٣ إعادات تغريد ١١ إعجاب
          عرض هذه السلسلة
        23. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

          Data models all the way: combining GraphQL and MobX-State-Tree
          ١ ردّ ٠ إعادة تغريد ٦ إعجاب
          عرض هذه السلسلة
        24. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

          ١ ردّ ١ إعادة تغريد ٧ إعجاب
          عرض هذه السلسلة
        25. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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‬
          ١ ردّ ١ إعادة تغريد ٢١ إعجاب
          عرض هذه السلسلة
        26. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          Public NOW! 🎉pic.twitter.com/Akdkwfut6W

          Version 0.1.0 is published on mom
          ١ ردّ ٠ إعادة تغريد ٥ إعجاب
          عرض هذه السلسلة
        27. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

          A slide showing my first experience with TypeScript.
          ٢ ردّان ٠ إعادة تغريد ٤ إعجاب
          عرض هذه السلسلة
        28. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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
          ١ ردّ ٣ إعادات تغريد ٧ إعجاب
          عرض هذه السلسلة
        29. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

          Horacio Herrera on why we need design systems
          ١ ردّ ٣ إعادات تغريد ٨ إعجاب
          عرض هذه السلسلة
        30. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

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

          Josh Hargreaves from Bloomberg and his opening slide
          ١ ردّ ٠ إعادة تغريد ٥ إعجاب
          عرض هذه السلسلة
        31. Philipp Spiess‏ @PhilippSpiess ٢٣ مايو ٢٠١٩

          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.
          ١ ردّ ٢ إعادتا تغريد ٢٨ إعجاب
          عرض هذه السلسلة
        32. 59 من الردود الإضافية

      يبدو أن التحميل يستغرق بعض الوقت.

      ربّما يعاني تويتر من الحمل الزائد أو يواجه عطلًا مؤقّتًا. حاول مجدّدًا أو تفقّد حالة تويتر لمزيد من المعلومات.

        تغريدة مُروَّجة

        false

        • © 2020 تويتر
        • عن تويتر
        • مركز المساعدة
        • الشروط
        • سياسة الخصوصيّة
        • الكوكيز
        • معلومات الإعلانات