Just keep in mind that SF cannot be used inside public projects since Apple does not allow it to be used by others. It’s the system font on iOS devices though so this only refers to non Apple devices. A good alternative would be Inter (which is nearly identical).
three things i want to mention. 1. thank you for this new chapter looks pretty cool. 2. fast forward is awesome :)) 3. in the past week a person tested me for knowing my coding style to recruit me in their team and he told me my style is not good, this chapter give me some idea about style and i realize I'm doing it good enough 🙏
Webstorm was yelling at me about the AsyncStorage. "Deprecated symbol used, consult docs for better alternative". yarn add @react-native-community/async-storage and import AsyncStorage from "@react-native-community/async-storage"; instead of import { AsyncStorage } from "react-native";
its not good cuz u get lost in 100+ index files :D, its good only when you biulding public module or package to let users import everthing from 1 path, so avoid it if passible :)
I noticed that the _AsyncStorage_ used in _LoadAssets_ causes an error when the project is run as web. I replaced it with the one from *"@react-native-community/async-storage"* . Also, Expo's _Asset.loadAsync_ now returns a _Promise_ instead of _Promise_ .
@15:16' William hovers over the .Navigator and gets in a window pop up, some info like possible props etc. What do I have to do to get it too, since I' m gettin "any" everywhere... ? Thanks
It was probably one of the best investments I did when I purchased your courses :) Your content is so clear and this design is beautiful I love it :) Great Work William. By the way, I used to live in beautiful Switzerland, in Neuchatel :)
Top of the line content as always. Thank you, William! Could you make a video on what VSC style/config you are using? I have seen so many videos of yours that I want to try it out :)
Hello William. I see that you use template for you components, but also you create Folder and index file to export everything. Isn't really tiring to do this again and again? I wanna offer you to setup CLI for this and make everyting by typing the component name once. You can look to the reactcci. Here is the link: www.npmjs.com/package/reactcci
Hi William! I wonder why are you importing SF Pro Text when it is a default font on iOS? Just to have the same on Android? Plus by default iOS will use "Display" variant for texts >= 20pt and "Text" variant for texts < 20pt (according to the interface guidelines) and forcing "Text" variant for every text seems not right.
Hello William, I am stuck at adding loadassets to the project and not able to proceed further could you please help. ERROR Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of `LoadAssets`. in LoadAssets (created by App) in App (created by withDevTools(App)) in withDevTools(App) in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in main(RootComponent) ERROR Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
hello guys, I'm new here, I want to start learning from this channel but I don't know what should i know before I jump into these designs, I haven't worked with animations yet unfortunately, but I have some knowledge in React Native and practised some very simple projects and I know (navigation and Redux and all these stuff). so where should I start off with this channel? thank you.
Hey there everyone I just started learning react, I have seen some people writing code in typescript and some in javascript can you guys please help me that what's the difference.
This looks really attractive and professional, but before I get started I wanted to ask how you can populate it with an existing inventory of 100-150 products. I don't see "importing products" or "database" as a title of any of the videos. Please advise.
Good job! I'm learning very much, with your videos. This project, is it available in github(public) ? I'm creating the project following your tutorial, and i can't find the assets. I'm from Angola.
I got errors with useValue and interpolateColor and onScrollEvent.!!! I checked the docs in github, github.com/wcandillon/react-native-redash/releases?after=v15.2.1 and it seams that since version 15.0.0 we need to import the above from import { useValue } from 'react-native-redash/src/v1/Hooks' import { interpolateColor } from 'react-native-redash/src/v1/Colors' import { onScrollEvent } from 'react-native-redash/src/v1/Gesture' Now I got no errors at the beginning, but I get a blank screen and if I try to scroll, I get the following error: TypeError: this.props.onScroll is not a function. (In 'this.props.onScroll(e)', 'this.props.onScroll' is an instance of AnimatedEvent) Please check this post in Stackoverflow: stackoverflow.com/questions/64764912/react-native-redash-typeerror-this-props-onscroll-is-not-a-function Any suggestions ?
Finished the project you started... i am from nigeria and i want you finish this project and push to live. Respond this it's important. the process has been good but you need to restructure and finish up to production fully
At last someone teaching beautiful design on RN beyond MengTo. We need more like this layout, cool geometric forms design.
Same problem with u guys :)) I deadly need some cool design course like this
True
Who is MengTo ? Do you know any other channel ?
Always wanted to see you do a whole project from scratch. Amazing! Please keep continuing!
Join our Facebook Group "React Native Tutorials" to share amazing tutorials - facebook.com/groups/2716904011876256/
It's fun to watch "Jason Statham" coding !!!
Haha :)
I just realized it when I read this comment!! William instantly looks familiar! =)
Just keep in mind that SF cannot be used inside public projects since Apple does not allow it to be used by others. It’s the system font on iOS devices though so this only refers to non Apple devices. A good alternative would be Inter (which is nearly identical).
Woah thanks for letting me know 🙌🏻 I couldn't find any license information on this.
William Candillon I need to thank you for this great series 👏
The only pure react native channel
could you please make video to elaborate the LoadAssets.tsx file. I am unable to understand what's going on there
I also couldn't get it? Did you get any help from someone else?
three things i want to mention.
1. thank you for this new chapter looks pretty cool.
2. fast forward is awesome :))
3. in the past week a person tested me for knowing my coding style to recruit me in their team and he told me my style is not good, this chapter give me some idea about style and i realize I'm doing it good enough 🙏
Webstorm was yelling at me about the AsyncStorage. "Deprecated symbol used, consult docs for better alternative".
yarn add @react-native-community/async-storage
and
import AsyncStorage from "@react-native-community/async-storage";
instead of
import { AsyncStorage } from "react-native";
What are the benefits of using folder import/exports with individual index.ts files versus simple exporting from the Component’s file itself?
+1 i also want to know, is it a convention?
its not good cuz u get lost in 100+ index files :D, its good only when you biulding public module or package to let users import everthing from 1 path, so avoid it if passible :)
This is awesome, getting started with typescript for react native, thank you William for this pattern of your tutorials
This is brilliant. So well explained and the guy really knows what he’s doing 😀😀
I would really love those kind of series much more than movie series.
Can't until for the next video, thank you for doing this series William!
3 mins in and this is beautiful
I noticed that the _AsyncStorage_ used in _LoadAssets_ causes an error when the project is run as web. I replaced it with the one from *"@react-native-community/async-storage"* . Also, Expo's _Asset.loadAsync_ now returns a _Promise_ instead of _Promise_ .
How o fix it ?
Sooooo awesome. Great that some stuff is coming starting from 0!
It`s an awesome video format!
Please, don`t stop, because it`s very useful!
@15:16' William hovers over the .Navigator and gets in a window pop up, some info like possible props etc. What do I have to do to get it too, since I' m gettin "any" everywhere... ?
Thanks
It was probably one of the best investments I did when I purchased your courses :) Your content is so clear and this design is beautiful I love it :) Great Work William. By the way, I used to live in beautiful Switzerland, in Neuchatel :)
Top of the line content as always. Thank you, William!
Could you make a video on what VSC style/config you are using?
I have seen so many videos of yours that I want to try it out :)
He seems to be using, at least, the Dracula color theme extension (Not sure which one) and also Material Icon Theme - personalized icons to each file.
Im very happy you started these series of RN design. I can't wait to get to the next video!😉
Hello William. I see that you use template for you components, but also you create Folder and index file to export everything. Isn't really tiring to do this again and again?
I wanna offer you to setup CLI for this and make everyting by typing the component name once. You can look to the reactcci. Here is the link: www.npmjs.com/package/reactcci
Hi William! I wonder why are you importing SF Pro Text when it is a default font on iOS? Just to have the same on Android? Plus by default iOS will use "Display" variant for texts >= 20pt and "Text" variant for texts < 20pt (according to the interface guidelines) and forcing "Text" variant for every text seems not right.
Hello, can you update this playlist to the current expo version, please?
Hello William, I am stuck at adding loadassets to the project and not able to proceed further could you please help.
ERROR Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `LoadAssets`.
in LoadAssets (created by App)
in App (created by withDevTools(App))
in withDevTools(App)
in RCTView (created by View)
in View (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in main(RootComponent)
ERROR Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
A lot of thanks for share man, i've been wanting a rn app using typescript , this looks awesome.
Great job! Going to follow you with this app for sure. Cool that you started this series
Expo vs Pure React-Native project, which one you will prefer? In long term and why?I am just curious about this
I am using pure react-native setup, and it sets up most of the configuration for you like eslint, src folder and some basic files which we need
@@rajatgoyal8162 how to fix the LoadAssets in react-native
This Series is very very helpful and awesome bro keep making cool
stuff
Hi William, what plugin are you using to see possible parameters we can pass when hovering over navigator functions?
Latest React Native version 0.63.0 features:
Pressable: ruclips.net/video/MLgmJCWyFmk/видео.html
PlatformColors: ruclips.net/video/OM7lQd-lsL0/видео.html
how to use those warning config in react-native js version
This is really good. Waiting for your next video on this series. Thank you William
This is nice. Expo + React Navigation 5 without other UI component
love the new format
I cannot get the eslint suggestion when I hover over an error !! can you help me with that? thank you for your content
very nice explanation Nd advance concept. I just started this hopefully be able to comple the whole series thank you for awesome content
Hey William, this playlist series has got "flex-direction: column-reverse", do correct it.
I been waiting this for a while
What's the extension you use for the snippets? Cheers
hello guys, I'm new here, I want to start learning from this channel but I don't know what should i know before I jump into these designs, I haven't worked with animations yet unfortunately, but I have some knowledge in React Native and practised some very simple projects and I know (navigation and Redux and all these stuff).
so where should I start off with this channel?
thank you.
I suggest to use ignite cli for boilerplate
This is great! Can't wait for the next one!
hi mister William i want to ask you if their way to write bootstrap in react native?
or if we can add className to component
your playlist is playing in reverse , Play List Name - React Native Fashion .. hope you can fix it
Hi Thanks for these videos they are amazing...can you please re-order the playlist?
amazing videos and i love your channel!
but why always with expo and not plain react-native-cli?
Man your french accent is great! Nice format btw
thank you sooooo much.
very good series
i waiting for that
If you can explain more, especially when the code is copied from your pervious projects.
William, please make a series about project architecture, different types of.
Thank you so much for the video!
This is a very cool idea!
why do you prefer TypeScript than JS?
Maybe you would like to try styled components?
Please can someone share with me the background music's title at the beginning of the video ? And finally someone doing UI tutorials in RN
Hey there everyone I just started learning react, I have seen some people writing code in typescript and some in javascript can you guys please help me that what's the difference.
great tutorial! could you also do one though without expo? expo wont scale
I wish you had done this in react-native-cli .. Awesome video though !
Awesome idea, waiting for the next episodes
Can it be done in React Native, could you turn off the light of my room?
do i have to know typescript in order to join this series?
Coming from Windows here, getting an error when loading the font, anyone else?
what music audio are you using in the video?
Just listened to your Indie Hackers interview! Good work man!
This content is so damn good! More please Will!
Thank you very much for the video! :)
This is a really nice video i think you should maybe do some more of these vidoes/tutorials . Great content! :)
Great video like always. Thanks! When's the next episode?
A testing tutorial!! react-native-testing-library vs detox vs other solutions? I'm very confused right now
Woww.. Super super exciting.
Nice waiting for 2 part
Please make some videos with js also instead of ts
repository link?
Hey brother, This video sound background really scary, Can I hear trap music?
this video idea is amazing as your channel)). Please wrap this video in playlist :)
Amazing, thanks a million, when is part 2
thanks for this course.
this is awesome bro
your educations are very cooI ! ! !
Great video. Thanks
Fantastic content!
This looks really attractive and professional, but before I get started I wanted to ask how you can populate it with an existing inventory of 100-150 products. I don't see "importing products" or "database" as a title of any of the videos. Please advise.
How can we get the LoadAssets file content?
Here they are: www.dropbox.com/s/jo1xi4u5ox6inny/assets.zip?dl=0
@@wcandillon Thanks, But by LoadAssets file content I meant LoadAssets.tsx file. Not the media contents. Is there anyway we can get access to that ?
Amazing!
God bless you!
Thank you so much
Merci pour la video !
Can u have name of the song pls.
very good.
Good job!
I'm learning very much, with your videos.
This project, is it available in github(public) ?
I'm creating the project following your tutorial, and i can't find the assets.
I'm from Angola.
I got errors with useValue and interpolateColor and onScrollEvent.!!!
I checked the docs in github,
github.com/wcandillon/react-native-redash/releases?after=v15.2.1
and it seams that since version 15.0.0 we need to import the above from
import { useValue } from 'react-native-redash/src/v1/Hooks'
import { interpolateColor } from 'react-native-redash/src/v1/Colors'
import { onScrollEvent } from 'react-native-redash/src/v1/Gesture'
Now I got no errors at the beginning, but I get a blank screen and if I try to scroll, I get the following error:
TypeError: this.props.onScroll is not a function. (In 'this.props.onScroll(e)', 'this.props.onScroll' is an instance of AnimatedEvent)
Please check this post in Stackoverflow:
stackoverflow.com/questions/64764912/react-native-redash-typeerror-this-props-onscroll-is-not-a-function
Any suggestions ?
very cool
GM Willian, i am begginer, i would like to know about some course to improve my skills, zero for mastery, can u give me some help? Thanks Man.
Here's Willian course:
start-react-native.dev
I also recommend you some RUclips crash courses like this:
ruclips.net/video/qSRrxpdMpVc/видео.html
@@danielbboy22 Thanks Man, i appreciate.
Hey, I would really appriciate , if anyone watching this video can explain what LoadAssets.tsx is doing?
to be simple,
It make sure every fonts and other assets are loaded before the screen is displayed. It displays a preloader until it does.
@@jeffinj7707 getting errors in LoadAssets
This is really really good!! Thank you so much, William!!!!
amazingg UI ....
Thanks bro
Finished the project you started... i am from nigeria and i want you finish this project and push to live. Respond this it's important. the process has been good but you need to restructure and finish up to production fully
First, thank you William for this awesome series... In my mind why Expo?
Isn't it more portable? 🤔
Plz start react native series for beginners
Greate content!