Using Redux in React Native - Part 1 (The Basics)

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

КОМЕНТАРІ • 87

  • @karanpadhiyar4448
    @karanpadhiyar4448 4 роки тому +4

    The way you explain was so smooth.Thanks for this tutorial!!!!!!

  • @anantgaurav5096
    @anantgaurav5096 4 роки тому +3

    Amazing demonstration! (y)
    There's one thing we can work upon and that is applying the condition for checking if there's any text in the textbox (eliminating the spaces). For now, if you'll hit the submit button without entering any text in the textbox, it still adds the list item in the flatlist. It is very important for the budding devs to apply checks before submitting any data.

  • @_praba
    @_praba 3 роки тому +1

    from 0% to something learnt.. Thanks for the video.. your explanation was nice.

  • @ronibelson
    @ronibelson 3 роки тому

    Thank you! very good with my new RN journey

  • @silambarasanr.d2604
    @silambarasanr.d2604 4 роки тому

    Best explanation for Redux with multiple Reducers in React Native. Thanks for the tut. :)

  • @박샐리-x2f
    @박샐리-x2f 4 роки тому +1

    Thank you so much for your help in understanding Redux.

  • @husniadil
    @husniadil 4 роки тому +6

    20:55 I thought it's my mac showing low battery indicator 😆

  • @krunalpatel6055
    @krunalpatel6055 3 роки тому

    This code is showing error like Unable to resolve module react-redux from D:
    eact natve
    edux\index.js: react-redux could not be found within the project or in these directories: node_modules..... how to reslove that give me any suggetions

  • @meerbekakimzhanov6217
    @meerbekakimzhanov6217 3 роки тому

    That is cool tutorial maaaan

  • @arshadmajeed4983
    @arshadmajeed4983 4 роки тому +1

    How can we update the redux store outside the react component? Thanks

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому

      The simplest way is to use the store object. store.dispatch(...). You can import it anywhere. It's a bit clunky but it works. I may be doing more tutorials with redux in the near future that addresses this kind of stuff.

    • @arshadmajeed4983
      @arshadmajeed4983 4 роки тому

      @@TheFlutterFactory Thanks

  • @TheFlutterFactory
    @TheFlutterFactory  4 роки тому +41

    I may do a follow up video (if people are interested) where I show how to use Redux with various hooks. Are there any other state management solutions you would like to see covered on this channel?

    • @pelicantech3166
      @pelicantech3166 4 роки тому

      ReactNative Redux Saga....need vedios on this topic.please provide ..

    • @compeng2013
      @compeng2013 4 роки тому +1

      Ever planning on doing this? Lots of likes on this comment

    • @JulianCurrie
      @JulianCurrie 4 роки тому

      @@compeng2013 I'll be doing another video within the next couple weeks

    • @SuperHansburger93
      @SuperHansburger93 4 роки тому

      I'd be very interested in a tutorial including hooks.

    • @kkhezami
      @kkhezami 4 роки тому

      Yes, please, that would be very helpful. Thank you.

  • @lekhrajkashyap7815
    @lekhrajkashyap7815 3 роки тому

    how to do this in functional component I am using functional component and while clicking on add button it is showing can't find variable add (as you used add for adding item to the cart) any solution ?

    • @TheFlutterFactory
      @TheFlutterFactory  3 роки тому

      Did you define an 'add' function?

    • @lekhrajkashyap7815
      @lekhrajkashyap7815 3 роки тому

      @@TheFlutterFactory i got solution i was not passing it as props in component that's y it was showing undefined or not found

  • @vikassalunke1371
    @vikassalunke1371 4 роки тому

    Thank you for such a smooth explanation about redux.👌🤞

  • @michaelallen6635
    @michaelallen6635 4 роки тому +1

    What haoppens when you refresh or close out the app; does the food list stay or disappear? How would you get the list to stay when you open and close the app?

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому +2

      Redux is a state management solution (like an enhanced version of the normal setState approach). It's not data storage. The redux store lives as long as your app isn't killed. Some ways to permanently store data in your app include SQLite and AsyncStorage. I created a video on AsyncStorage a few weeks ago ua-cam.com/video/Sv_KE5BI8L8/v-deo.html. AsyncStorage is best for storing key/value pairs like user settings. SQLite is great for storing structured data. I'll probably be doing a video on SQLite in the near future.

    • @angelomien987
      @angelomien987 4 роки тому +1

      Yeah, he's correct. AsyncStorage will help you with this matter. By simply getting simple or multiple keys with the corresponding values.

  • @de9989
    @de9989 3 роки тому

    Great Video, Thanks bro

  • @dogukankurt6778
    @dogukankurt6778 3 роки тому

    very clean expression, i got it! thank you sir..

  • @benjaminashie8209
    @benjaminashie8209 4 роки тому

    Hi, Please sorry for the offTopic but I need your help concerning flutter, I want to add another notifier to the foodNotifier like bookNotifier.. but when I do I cannot use the same detail screen for both.. Please can there be a way for me to do that.. One detail screen for different product categories.. Thanks

  • @Gugafoodsofficial
    @Gugafoodsofficial 4 роки тому +1

    Hey thanks a ton! Awesome tutorial. I was having so much trouble understanding all the different parts of redux for an assignment for a class but you really simplified things for me. I'll definitely check your channel first if I need react native tutorials in the future. Keep up the great work! Earned a sub from me!

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому

      Thanks for the kind words. I'm thinking of doing a part 2 on it in the near future. There's so much more you can do with it

  • @cwcfunclock2709
    @cwcfunclock2709 3 роки тому

    Will same method work perfectly even after adding reactnative navigation?

    • @TheFlutterFactory
      @TheFlutterFactory  3 роки тому

      Yes, State management is completely isolated from navigation.

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

    Everything is fine , this video is awsome but am not getting how run this code when I get it from git, can you help me with this

  • @fanuelguill
    @fanuelguill 4 роки тому

    First of all great tutorial ! But i have a situation. in mapStateToProps when im trying to return my state foodReducer i have an error with 'Undefined is not an object (Evaluating state.food...)' and when im doing a console.log(state) i have 'Undefined' as response. Please need some help :(

  • @Wraith2401
    @Wraith2401 4 роки тому

    the best tutorial I've ever seen. Thank you very much

    • @pelicantech3166
      @pelicantech3166 4 роки тому

      ReactNative Redux Saga....need vedios on this topic.please provide ..

  • @reactnativefromstart3888
    @reactnativefromstart3888 4 роки тому

    really captivated thanks alot kindly make a complete tutorial like a shopping cart app

  • @christopherfrog2371
    @christopherfrog2371 4 роки тому

    Just what I needed, thanks!

  • @elvisedmar6629
    @elvisedmar6629 4 роки тому

    Perfect Video, ty

  • @sathishgadde1924
    @sathishgadde1924 4 роки тому

    Great tutorial thank you!

  • @jezjeza1633
    @jezjeza1633 4 роки тому

    best as always

  • @rg-du4ou
    @rg-du4ou 4 роки тому

    Hi, Which one should i use in React Native app, React hooks or Redux ??

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому +1

      There is no correct answer. As a developer, that's up to you to choose the best choice. You can use both in the same app if you need to There are more options than those 2. A developer needs to be able to consider different options and choose the one that makes sense for their particular situation.

    • @rg-du4ou
      @rg-du4ou 4 роки тому

      @@TheFlutterFactory Thank you

  • @antonitescaro2728
    @antonitescaro2728 4 роки тому +1

    Really nice, thank you, unfortunately form me I learnd using function components, never worked with classes, so I'm having trouble adapting... Also not really an option for me to change this function component to a class component

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому +2

      I'll probably do a video with redux in functional components. It's not that difficult. There are plenty redux related Hooks

  • @AA-en5ok
    @AA-en5ok 2 роки тому +1

    Awsm

  • @tyland777
    @tyland777 4 роки тому +2

    Please switch to function component for the next videos

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому +1

      The content of the video wouldn't change much, I might do that for future videos if enough people want it. I wanted to focus specifically on Redux for those that aren't familiar with functional components and Hooks.

  • @karanpadhiyar4448
    @karanpadhiyar4448 4 роки тому

    I want you to continue with more videos for redux and its multiple scenarios also react native

  • @devendraprasad1984
    @devendraprasad1984 3 роки тому +1

    plz give me link to you git for this example

  • @cyberon
    @cyberon 4 роки тому

    Awesome!

  • @Syriusus
    @Syriusus 4 роки тому +1

    Oh man, this tutorial is awesome. I've looked into couple of videos and could't find any that would be simple yet cover couple of most needed things. You explain everything very clear and it is easy to follow event if someone comes from another technologies and launguages.
    Awesome, thanks for this! :)

  • @santoshlohar152
    @santoshlohar152 4 роки тому

    Nice tutorial..Thank you.

  • @danpetre5414
    @danpetre5414 4 роки тому

    This was the best tutorial on redux so far. Thank you Curry. Would be nice to learn from you how can we bring data from Firebase and populate the store with that. :)

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому +1

      I'll be doing more with redux in the future for sure

  • @footstepparecords
    @footstepparecords 4 роки тому

    Thanks for this!!

  • @RamaChandran-by6po
    @RamaChandran-by6po 4 роки тому

    Thank you so much for your amazing explanation , really very useful..

    • @RamaChandran-by6po
      @RamaChandran-by6po 4 роки тому

      Can you please upload some videos in crud Operation using react-native redux ?

  • @ArthurBurgan
    @ArthurBurgan 4 роки тому

    Subbed. Thank you for the tutorial. Would love to see a video with Redux + hooks.

  • @prakashd842
    @prakashd842 4 роки тому

    Thanks a lot sir, You clearly expained it.

  • @MackenHD
    @MackenHD 4 роки тому

    Great tutorial thank you. Could you possibly do a video on redux with firebase?

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому

      Do you have any specific questions? I've done separate videos on firebase and redux already. There isn't really thing new I can say about using them together. The data/list in the redux video can easily be replaced by any data coming from firestore. I could have used firebase in the redux video not everyone uses Firebase for their backend. I may be showing full apps in the future after I cover a few more topics.

  • @thor-thegodofthunder1181
    @thor-thegodofthunder1181 4 роки тому +1

    Can we use hooks in react native?

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому +1

      I posted a video about Hooks before ua-cam.com/video/RyMF8WyMoZE/v-deo.html

  • @jundeleon8704
    @jundeleon8704 4 роки тому

    so we use redux to management app data not for component functionality state. is this correct?

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому +1

      Redux is for state management. The redux store only lives as long as the current app session lives. It's not for permanent data storage across different relaunches. The state within the store is accessible to all components in your app that has the Provider as a parent component. Feel free to ask more questions if that didn't make sense.

    • @pelicantech3166
      @pelicantech3166 4 роки тому

      @@TheFlutterFactory :ReactNative Redux Saga....need vedios on this topic.please provide ..

  • @pelicantech3166
    @pelicantech3166 4 роки тому +1

    ReactNative Redux Saga....need vedios on this topic.please provide ..

  • @sumasinguluri6627
    @sumasinguluri6627 4 роки тому

    D:\CwC_React_Native\android\app\debug.keystore' not found for signing config 'debug'.
    this is coming while build

  • @armughangul7536
    @armughangul7536 4 роки тому

    Error: Actions must be plain objects. Use custom middleware for async actions

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому +1

      I don't know exactly what you're trying to do, but It tells you what the problem is. You can't perform asynchronous operations inside of actions. Dispatch AFTER the asynchronous operation.

  • @jake1350
    @jake1350 4 роки тому

    This is by far the BEST tutorial on Redux I have ever watched. Seriously, dude. Amazing job.

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

    How to edit data

  • @20seconds16
    @20seconds16 4 роки тому

    Tanks

  • @juanignacio383
    @juanignacio383 4 роки тому

    maybe u can try making it with hooks

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому +2

      I didn't want to use Hooks in case some viewers weren't familiar with them. I think I'll use Hooks in most of my future videos since people keep mentioning them in the comments 🙂

    • @juanignacio383
      @juanignacio383 4 роки тому

      @@TheFlutterFactory amazing bro

  • @blueLab2024
    @blueLab2024 4 роки тому

    nice tutorial,if you could be a little slower ,would be better

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому

      I know a lot of people think i talk fast. A lot of info to get through. You can always slow down the video speed in UA-cam too. Thanks for the feedback

  • @abininmakes7379
    @abininmakes7379 4 роки тому

    can't get ur getParam