React Native Tutorial #8 - Touchable Components

Hey gang, in this React Native tutorial we'll see how to create touchable components, and wrap them around other components so that they can be pressed (much like a button component).
----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

[osamagamal]

-What is React-Native?
-It's a bunch of built-in Components. :D
Thank You, Shaun, for these awesome straightforward tutorials.

[JuanDeSouza]

i didn't know that we could pass a function inside the set function of useState. this thengang is so amazing that I learn new stuff with him even after taking 2 react native courses.

[patric_forreal]

I will keep on Saying thank You, to you my Broo For Everything!!!! Big Up Broo
👍👍👍👍

[yank]

Hey!
Thank you very much for these great videos!
I know you haven't finished the tutorial yet, but you could also consider creating content about the use of animations!

[redmangoapple]

you are the best of the best out there, plz keep doing whatever you're doing cause i dont know what I'll do without you.

[kunaldeshpande]

Why not just use: people.filter(item => item.id !== id); ?

[BookOfSaints]

Is it necessary to use prevPeople or can you just here))?

[drtamiz]

In 5:16, how did he just randomly choose the variable name "prevPeople". Where did this variable come from and how does the program now its the previous state of the people variable?

[yloibx]

I didn't get prevPeople variable. Where did you define? is it parameter?

[zahramoosavimirheydari]

it was really helpful . thank you so much :)

[ehclipse]

4:24
Could we just call pressHandler directly instead of using an arrow function?

onPress = {pressHandler(item.id)}

[andreivandrummer]

Thank you very much!

Ok, i think we need a link to pay the entire course hahaha i cant wait

[MonicaL.San.]

Great programming & teaching skills! Thank you for sharing!

[morezco]

Hey dude, you’re awesome. I don’t know how many appreciation comments you get, but I’m sure it’s not enough.

[theodorn]

Thought I might throw this in here, if anybody can help me. I want to change the pressHandler so that if I change a name, it is changed to 'teddos' but the other names remain the same. The emulator now says 'Can't find variable setPeople'.



      if (element.id == id) {

      }
    });
  })
}

[yawningoutside]

Thank you, ninja! I'd really like to see a tutorial about the best way to pick up a new technology since you have mastered so many. Maybe a generalised version of your methods or plan to get fast on track as a senior developer. Do you just read the documentation? Do you watch any tutorials just like us or you are lead by your intuition ? What type of intuition should a developer develop?

[bluevision]

A question came into my mind is it possible this app can be run on ios and android both ?

[kashishkukreja]

Why can't we directly call the Presshandler function in the OnPress Prop? Why do we have to call an anonymous function first which in turn will call the PressHandler function?

[geoffrey]

A great series but something i would like to point out at 2:55 is that in react you should avoid creating inline functions to avoid performance issues. Its much encouraged to create a child component and pass a value to the child and then pass the onpress callback with id from the child component back to the parent.
The reason why this causes performace issues is because of how data structures work. It causes the garbage collector to be invoked very often and this will cause performance issues especially when you have components with many state changes.

[lebogangmocuminyana]

thank you very much
very helpful. i want to know how do you make touchableOpacity totouch only one list in the array?