Apple Bedtime - “Can it be done in React Native?”

Learn React Native Gestures and Animations at start-react-native.dev/
Source code: github.com/wcandillon/can-it-...
Boilerplate: github.com/wcandillon/can-it-...
Chapters:
0:00 Intro
11:12 Building the SVG
24:04 Building the gesture
33:08 Closing notes
Title sequence by William Marler: wmad.co.uk
Music in this video:
* Chillhop Music - Chillhop essentials spring 2021 - chillhop.bandcamp.com/album/c...

[@joshhwb]

Damn my math needs a touch up. This was sweet!

[@gitcypherous]

Videos like this help to justify the need for higher level math understanding in computer science coursework. I love it.
Fun fact: while I was using an intense combination of Polar and Cartesian coordinates, vector manipulation, dot and cross products, and quaternions (building a touch screen interface for a 3d map engine), I called an aerospace engineer buddy for help and ended up climbing Mt. Kilimanjaro from the conversation. 🤷🏾‍♂️

[@JoseGarcia-vr8mx]

Dude you are truly a front end master! Thank you for your wisdom, inspiration, and sharing of knowledge

[@muhammedemin6842]

math begins with intro music, and then more maths, thanks a lot for this great lesson. 😃

[@ehsankhorasani_]

That's really awesome William

[@AdrianTwarog]

That was awesome

[@georap100]

great tutorial William, thanks a lot.

[@petermugendi6527]

I like the way he says, ``now that we are big boys` 😃

[@yelenachristensen7791]

Great tutorial, thank you! I used your video as a guide to build this component in ReactJS for a desktop application.

[@wcandillon]

so cool, a lot of these concepts map nicely to browser APIs :)

[@nikolaylapa4515]

Hello William and thank you for your video! On the 22nd minute (22:00), while rendering the lines for the mask, you may use Array.from({length: LINES}, (_,i)=>{}) to create array and instantly map it!

[@wcandillon]

haha thanks that's exactly what I needed :)

[@thesage86]

Hey William,
I actually did this project
Was great on learning the maths behind this !!
Your videos and tutorials are amazing !!!!

[@hassaneloufir8440]

I just finished the tab bar with the red color background😃, I really love this channel

[@wanjohi]

With reanimated2?

[@hassaneloufir8440]

@@wanjohi no I used animated from react-native library

[@wanjohi]

@@hassaneloufir8440 oh, makes sense😂

[@obc993]

great!

[@franjoeric4017]

You are the best

[@eminzeynalov3395]

William, thanks for the great lessons. I learned a lot. I began to understand animation better. Question: how can you create a round dialer like an old phone?

[@wcandillon]

Thank you for your suggestion Emin, I've done it here ua-cam.com/video/Th6WxfhZsAM/v-deo.html

[@edistar]

Does this work well in a modal or scroll view or does it have to be in a fixed container

[@shempaapp4875]

Jonny Sims of React Native

[@raisulislam8808]

Thanks for the lesson, need to practice more maths 😥😥

[@artmosphereID]

sometimes i wonder why people said frontend doesnt need math logic

[@glendonphilippbaculio1811]

hello, just thought, how to do facebook messenger popup? you know the chat circle you can drag with phone background you can see? i am curious how to do that.

[@glendonphilippbaculio1811]

thank you! i will study math related to this, you know a youtube intro to that?

[@Flexoe]

read about trigonometry and the unit circle :)

[@excalibur885]

I Wonder how can I convert a animated value to integer and set it to a state when the pangesture event ends? Becouse i want to keep these results in a db later on

[@wcandillon]

you can call back to the JS thread using runOnJS

[@willyrosahuanca5884]

What app u use for showing your phone on your mac?

[@d1aphora]

This makes me feel stupid and helpless, how much maths do I need to know to do to things just like this?

[@archanoidtalks9393]

Does this contains only UI part or it's a working alarm ?

[@co2nut]

awesome!
why do i have a feeling that he looks a bit like mcgregor?lol

[@reactworld3959]

Please make videos on Reactjs .. Big Fan Of Yours

[@kartiknighania8588]

How to u make so many intro B rolls.. they are so complex and professional.. ?

[@wcandillon]

Which part do you mean exactly?

[@kartiknighania8588]

@@wcandillon the start intro clip in every video.. u have multiple intro videos.. thr first 10 sec of every video

[@wcandillon]

@@kartiknighania8588 these have been created by William Marler www.wmad.co.uk/

[@kartiknighania8588]

@@wcandillon thanks a lot for the quick reply.. i found ur channel recently and it is simply awesome.. im learning so much .. thanks a lot

[@mook575]

His voice is god lmao

[@danielkissner4708]

What song was that intro

[@myzel394]

It would be cool if you could add at least once explain how to install the boilerplate code. Sitting here for hours now trying to get it to work - monorepos are annoying :(

[@alvarobyrne]

same here, surely/maybe that is something he does in his paid course(?)

[@myzel394]

@@alvarobyrne I don't hope so, that would be an asshole move

[@aleks6331]

Please swap the Bed and Alarm icons :-D

[@gradientO]

Gotta learn more math

[@duulatbikiev2250]

Your intro is too long. Make it 5sec long != 30sec
Plz