FlatList is killing the performance of your app

Поділитися
Вставка
  • Опубліковано 1 гру 2024

КОМЕНТАРІ • 54

  • @notjustdev
    @notjustdev  Рік тому

    📚 Enroll NOW in The Full-Stack Mobile Developer course and don’t miss out on your chance to become a 6-figure dev in 2023!
    Check out what our successful students are saying about their experience:
    academy.notjust.dev

  • @Cyb3r-Potato
    @Cyb3r-Potato 2 роки тому +5

    Just tested this on our app and it’s so much better! We have components in a Flatlist with remote images and where the standard FlatList mounts all of them triggering the requests, FlashList actually mounts components as you scroll so almost no network requests on mount! Then I could see the network requests come in as I scroll all with essentially the same API. Great video!

  • @GreatVolcano
    @GreatVolcano 2 роки тому +57

    It's a cool video. Can you do more videos for optimize RN apps?

  • @mystik5551
    @mystik5551 Рік тому

    Awesome, been searching for something better. Will definitely try it

  • @surbhitrao
    @surbhitrao 2 роки тому +7

    Can you also compare recyclerlistview vs FlashList? That will be an intresting watch

  • @LikeLaviesLouis
    @LikeLaviesLouis 2 роки тому

    Great! I really like this video. It's useful for beginer as me.

  • @betelgeus2029
    @betelgeus2029 Рік тому

    Thanks! it will be very useful for my project.

  • @rudeadyet1992
    @rudeadyet1992 2 роки тому +3

    Thanks for the Cool video! BTW the new architecture would drastically improve such issues. Have you guys thought of experimenting the new RN "Bridgeless" architecture in the near future?

  • @davidlintin
    @davidlintin Рік тому +1

    Hey nice video. However your thumbnail shows a SectionList. Is there a FlashSectionList?

  • @hungtran7681
    @hungtran7681 2 роки тому +1

    I tried and got this error: Invariant Violation: requireNativeComponent: "AutoLayoutView" was not found in the UIManager.How can i fix that? thanks

    • @mycraplife
      @mycraplife 2 роки тому

      Did you find a solution?

  • @pabloa_e
    @pabloa_e 2 роки тому +2

    Is that component stable enough to use on all sort of devices either new or old and iOS or Android ?

    • @chetanbawankule2035
      @chetanbawankule2035 2 роки тому +2

      This is important questions

    • @notjustdev
      @notjustdev  2 роки тому +1

      It has been well tested internally by Shopify team before making it public. Now, the library is stable for production

    • @pabloa_e
      @pabloa_e 2 роки тому

      @@notjustdev Oh ok cool then ! Thank you and let's try it !

  • @maxaquilino7264
    @maxaquilino7264 Рік тому +1

    Very impressive video! I'm using Animated.FlatList from Animated react-native library. How can I implement FlashList in that scenario?

    • @thiagosilvaloopes
      @thiagosilvaloopes 7 місяців тому

      Check out the FlashList documentation, they have a section about the implementation of react native reanimated with it

  • @gamingwithsanjay5748
    @gamingwithsanjay5748 2 роки тому

    hey I have made reavt native with firestore that is too slow can you tell what to use to make it fast?

  • @karoche-tv
    @karoche-tv 2 роки тому

    My application Uber clone in react cli crashed. After installing build gradle version 6.5 and plugin version 4.1.0. And build tools 29.0. Please help me.

  • @visheshgupta4990
    @visheshgupta4990 10 місяців тому

    Thanks it is very nice one

  • @sulthan0022
    @sulthan0022 9 місяців тому

    I cannot run the second command for some reason do you know what happen?

    • @notjustdev
      @notjustdev  9 місяців тому

      What error are you getting?

    • @sulthan0022
      @sulthan0022 9 місяців тому

      @@notjustdev unknown command

  • @teflonhav
    @teflonhav Рік тому

    thanks!

  • @MrRahulmalik
    @MrRahulmalik 2 роки тому +2

    Tried it for about 100+ items. Components are a lil complex with nesting but scrolling is still poor and visible blank areas in android

    • @shubhamrathore5825
      @shubhamrathore5825 Рік тому

      Except these issues do you feel the worth of using this ...

    • @MrRahulmalik
      @MrRahulmalik Рік тому +1

      @@shubhamrathore5825 if you have a pretty simple item layout and don't need the missing features then yes it is better than normal Flatlist, keep in mind it only works when you apply all the optimizations that they specify in order to be more efficient

    • @shubhamrathore5825
      @shubhamrathore5825 Рік тому +1

      @@MrRahulmalik Thanks for this information!

    • @valkyrieqp
      @valkyrieqp Рік тому

      we tried to make the switch but the blank areas were a dealbreaker

    • @MrRahulmalik
      @MrRahulmalik Рік тому

      @@valkyrieqp I solved it by exposing the native Android list to RN and using it, it's fast and smooth and no blank areas!

  • @anum2471
    @anum2471 2 роки тому

    very informative 🤘👍

  • @brencancer
    @brencancer 2 роки тому

    i get error when using this on expo
    "CommandError: Required property 'android.package' is not found in the project app.json. This is required to open the app."

  • @ytexchanger3093
    @ytexchanger3093 2 роки тому

    Thanks for the video bro... but i have a really important question. Is there anyway we can display react native/component over other apps just like Facebook messenger?

    • @osmtechbox2658
      @osmtechbox2658 Рік тому

      Yes I did this on android but you need to use native module and write code on native side. I did code for floating view in java which will be visible outside the react native app.

  • @ScoreMatch_099
    @ScoreMatch_099 Рік тому

    You are a beauty dude

  • @surajmohanty528
    @surajmohanty528 2 роки тому

    Great 👍

  • @rakaprathama8307
    @rakaprathama8307 2 роки тому

    hey can you create video rn for new architecture?

  • @BoundlessCode
    @BoundlessCode Рік тому

    Does that mean its faster than recyclerlistview

  • @jon-michaelnarvaez710
    @jon-michaelnarvaez710 Рік тому

    This is great! but fails to build on Android when using RN 0.70.8

  • @lingarajsahoo3583
    @lingarajsahoo3583 2 роки тому

    ❤️

  • @jokofrassetia3075
    @jokofrassetia3075 2 роки тому

    TOP

  • @swatantragoswa1
    @swatantragoswa1 10 місяців тому

    first time i saw you i you are justin bieber

  • @chetanbawankule2035
    @chetanbawankule2035 2 роки тому

    Vooooo

  • @mohamadmomin5640
    @mohamadmomin5640 2 роки тому

    hello sir can you please make video on voximplant message Am really stuck so please help me

  • @lasue7244
    @lasue7244 Рік тому

    I know people need to touch the 10 min mark, but when padding the content is so shameless, it feels like creator does not respect his viewers time. Like first 3:30 of this video can be completely skipped

    • @notjustdev
      @notjustdev  Рік тому

      Not doing it intentionally. Thanks for feedback

    • @lasue7244
      @lasue7244 Рік тому

      @@notjustdev sorry man. I was rude. Try to include good info instead of trivial things to get that 10 min. It won't hurt me if I learned more

    • @notjustdev
      @notjustdev  Рік тому

      @@lasue7244 cheers

  • @SonGoku-ep4wj
    @SonGoku-ep4wj 2 роки тому +1

    Vadim sorry ur front end skills are horrendous

  • @theturk75
    @theturk75 2 роки тому

    cool video