State is NOT Async But...
5:48
4 ай бұрын
Get a React Job in 2024
4:48
11 ай бұрын
React vs Solid - Let's compare!
5:17
Пікірлер
@yxngboypolo
@yxngboypolo 10 күн бұрын
No… you should not stop using TS
@xDoritos
@xDoritos 13 күн бұрын
Mi amiga senior dice que tu paleta de colores esta anticuada y mi amigo fores dice que no hay memoria en el hasware para correrlo saludos
@Amitkumar-zp3wb
@Amitkumar-zp3wb 19 күн бұрын
Thanks for the brief introduction about Cosmos, Storybook is creating complications in my react app while doing setup so I was looking for a light tool and I think this might just work. Atleast the setup is quick and easy.
@davidsussens4478
@davidsussens4478 Ай бұрын
Great video. This really helped me out big time.
@suyogdhadwe3625
@suyogdhadwe3625 Ай бұрын
Can you tell me how can I translate URL in different lang like "localhost:300/post#internal"? so above the post and internal has to change to different lang.
@farhathullamenayath3012
@farhathullamenayath3012 Ай бұрын
what if I have to fetch data from backend
@NiklasZiermann
@NiklasZiermann Ай бұрын
The docs contain some info about fetching translations after the initial load: www.i18next.com/how-to/add-or-load-translations
@oksanagrigorenko316
@oksanagrigorenko316 Ай бұрын
Hi there! I have one more question: do you have your tutorial, how to create this Component into Storybook? I have seen in your current video, that you've made it in Storybook. I do need some explanations about it
@NiklasZiermann
@NiklasZiermann Ай бұрын
You should be able to just use the storybook video to setup storybook and then load this component into it. There isnt really anything special about combining the two
@oksanagrigorenko316
@oksanagrigorenko316 Ай бұрын
@@NiklasZiermann Thanks, I've done it))) I'm a newbie, so it's a bit complicated for me.
@haanghuy
@haanghuy Ай бұрын
Hello, can you make a video tutorial on playing audio using base64 string in react native
@payamrezaei-eg8dz
@payamrezaei-eg8dz Ай бұрын
i have impelementing an book with audio sound for each paragraph that api gives me the audio files by each api call and i want make toggle button to play and pause and other buttons not work till get pause or ended
@NiklasZiermann
@NiklasZiermann Ай бұрын
If you want every source to work independently, then you'll need one audio object per source
@yubrajkhatri3519
@yubrajkhatri3519 2 ай бұрын
I want to be a input go in the next line after i exceute command how can i acheive that?
@NiklasZiermann
@NiklasZiermann 2 ай бұрын
Just put your inputtag underneath the output element. Then you might want to set a max height for the output element, set it to overflow auto and always make it scroll down automatically and that should do the trick :)
@oksanagrigorenko316
@oksanagrigorenko316 2 ай бұрын
Great explanation! Thanks a lot))
@NiklasZiermann
@NiklasZiermann 2 ай бұрын
You're welcome. I'm glad I could help :)
@web.mayk3l
@web.mayk3l 2 ай бұрын
Nice video
@NiklasZiermann
@NiklasZiermann 2 ай бұрын
Thanks, I'm glad you liked it :)
@varunupadhyay2488
@varunupadhyay2488 2 ай бұрын
thank u so much.. i was stuck in this thing for two hours
@NiklasZiermann
@NiklasZiermann 2 ай бұрын
You're welcome! I'm glad I could help :)
@jakemoss8700
@jakemoss8700 2 ай бұрын
excellent video! thanks
@NiklasZiermann
@NiklasZiermann 2 ай бұрын
You're welcome! I'm glad I could help :)
@kamalkamals
@kamalkamals 3 ай бұрын
that s not an interactive terminal
@webmakerscompany
@webmakerscompany 3 ай бұрын
This is great stuff! Can't believe you don't have more subs
@NiklasZiermann
@NiklasZiermann 2 ай бұрын
Thank you :)
@jannickpedersen4620
@jannickpedersen4620 3 ай бұрын
Have you tried TailwindCSS :D
@NiklasZiermann
@NiklasZiermann 3 ай бұрын
Yes I have. Its really nice :)
@jannickpedersen4620
@jannickpedersen4620 3 ай бұрын
Typical you need to manually import recharts and the different const import within xD didnt understood why i got my catch error msg ''something went wrong' xD Man these errors always get your time hahah, just like with importing prisma manually xD
@Electroses
@Electroses 3 ай бұрын
could you make it wher we could copy the code? or atleast put it in your github
@mamun-prodhan
@mamun-prodhan 3 ай бұрын
Thanks, very helpfull
@sebastianlozano7707
@sebastianlozano7707 3 ай бұрын
straigth to the point! Thanks so much
@NiklasZiermann
@NiklasZiermann 3 ай бұрын
You're welcome :)
@mobile_genshin
@mobile_genshin 3 ай бұрын
Thank you so much for this excellent tutorial🙏 straight to the point
@NiklasZiermann
@NiklasZiermann 3 ай бұрын
You're welcome. I'm glad I could help :)
@user-se5ts2tb7x
@user-se5ts2tb7x 4 ай бұрын
Your solution doesnt work!!! NextJS crashes at Build stage, returning error: Module parse failed: unexpected character ' ' with MP3 files
@NiklasZiermann
@NiklasZiermann 4 ай бұрын
Thats because you need to tell nextjs that it should handle mp3 files as resources / assets. Right now it treats your mp3 as a JS file. Once you've done that everything should work :)
@pixerize-me
@pixerize-me 3 ай бұрын
One way to use audio in NextJS is to put your audio file in the public folder and then do, without import, just use audio = new Audio('/assets/sounds/incoming.wav');
@user-se5ts2tb7x
@user-se5ts2tb7x 3 ай бұрын
This worked! Can't thank you enough,@@pixerize-me !
@andrewpham6470
@andrewpham6470 4 ай бұрын
Unfortunately it seems like chrome has removed the ability to display a background image
@NiklasZiermann
@NiklasZiermann 4 ай бұрын
Seems like it, yeah. Kind of disapointing tbh
@andrewpham6470
@andrewpham6470 4 ай бұрын
@@NiklasZiermann Ah it works if you convert the image to Base64 first, interesting. Thanks for the video, it helped a lot!
@parlor3115
@parlor3115 4 ай бұрын
It is asynchronous withing the context of the component. The state, which is stored in an external data store (think of it like localStorage, but still in memory), is updated immediately, and then the component gets rerendered with the local reference to the state updated. The local reference being what you get from useState.
@NiklasZiermann
@NiklasZiermann 4 ай бұрын
Sure there absolutely is an async process involved there. I just wanted to point out that its not async in the way most JS Devs interpret async code. Thanks for your summary though :)
@ShubhamPatil-di1nx
@ShubhamPatil-di1nx 4 ай бұрын
nice
@NiklasZiermann
@NiklasZiermann 4 ай бұрын
Thank you :)
@andrew52600
@andrew52600 5 ай бұрын
Excellent video.
@NiklasZiermann
@NiklasZiermann 5 ай бұрын
Thank you :)
@tommygunn2782
@tommygunn2782 5 ай бұрын
Awesome, thanks very much!
@NiklasZiermann
@NiklasZiermann 5 ай бұрын
You're welcome :)
@cirkulx
@cirkulx 5 ай бұрын
odd how i came here after making my website (sorta mixed between classic and modern) yet we used the same font from google fonts 😅
@dereksniper
@dereksniper 5 ай бұрын
Thanks, look forward to the project video
@hesmo_smm
@hesmo_smm 5 ай бұрын
sehr gutes tutorial. vorallem gut erklärt
@NiklasZiermann
@NiklasZiermann 5 ай бұрын
Danke, freut mich zu hören :)
@Tube-hn9rc
@Tube-hn9rc 5 ай бұрын
thank you sir that is really helpfull
@NiklasZiermann
@NiklasZiermann 5 ай бұрын
You're welcome! I'm glad I could help :)
@luv.matters
@luv.matters 6 ай бұрын
Now how do you do it with multiple sounds like a drumkit?
@NiklasZiermann
@NiklasZiermann 6 ай бұрын
Just create one Audio object for each sound and play them accordingly :)
@justoneofmany8219
@justoneofmany8219 6 ай бұрын
Very helpfull Video, finally got my dreamjob as the CEO of Google😍
@justoneofmany8219
@justoneofmany8219 6 ай бұрын
And my Gulasch finally tasted good, thanks to you comrade❤
@ICOReviewtoken
@ICOReviewtoken 6 ай бұрын
Hi bro, How can I launch the chrome web driver when building the app, the user can click on a certain function to perform auto login, for example?
@NiklasZiermann
@NiklasZiermann 6 ай бұрын
I'm afraid I can't really help you with that. Sorry..
@realdaly
@realdaly 6 ай бұрын
why I can't get tailwind to work? I tried the official set up for tailwind with create-react-app but it's not working the classes aren't making any effect.
@NiklasZiermann
@NiklasZiermann 6 ай бұрын
I haven't tried to use tauri with tailwind. I'm afraid I can't help you, sorry
@realdaly
@realdaly 6 ай бұрын
@@NiklasZiermann np <3
@rendivs925
@rendivs925 6 ай бұрын
thanks sir this is helped me a lot, this is that i want to know :)
@NiklasZiermann
@NiklasZiermann 6 ай бұрын
You're welcome. I'm glad I could help :)
@lucasmanoel208
@lucasmanoel208 7 ай бұрын
Thank you, meu chapa!
@NiklasZiermann
@NiklasZiermann 7 ай бұрын
You're welcome :)
@user-gs2zp3dm1v
@user-gs2zp3dm1v 7 ай бұрын
thanks a ton.
@NiklasZiermann
@NiklasZiermann 7 ай бұрын
You're welcome :)
@giolosaberidze3613
@giolosaberidze3613 7 ай бұрын
what if i want to play different sounds on different buttons, can u help?
@NiklasZiermann
@NiklasZiermann 7 ай бұрын
Sure, you do the same thing as shown in the video and for every button you just use another Audio object with another source-file
@luv.matters
@luv.matters 6 ай бұрын
I'm just asking the same above lol
@luv.matters
@luv.matters 6 ай бұрын
@@NiklasZiermann rather than having multiple, would it make sense to use an object?
@NiklasZiermann
@NiklasZiermann 6 ай бұрын
@@luv.matters Using only one audio object will most likely cause issues when multiple sounds play simultaniously. So I'd recommend using one object per sound effect. You can of course put all of these Audio objects into a data-structure, to make accessing them easier :)
@abdannour26
@abdannour26 7 ай бұрын
Thank you, solved my problem
@NiklasZiermann
@NiklasZiermann 7 ай бұрын
You're welcome :)
@m0hd197
@m0hd197 7 ай бұрын
I enjoyed it, keep making buddy : )
@NiklasZiermann
@NiklasZiermann 7 ай бұрын
Thank you, I will :)
@niharsamal3115
@niharsamal3115 8 ай бұрын
@Niklas, Can you please explain why using setInterval inside UseEffect? WHats the use of this ? Thanks
@NiklasZiermann
@NiklasZiermann 8 ай бұрын
The purpose of the useEffect is to prevent the interval from being set on every rerender. The code thats just part of the Component function runs every time any state or props of the component change, while the useEffect only runs when the contents of its dependency array change. If we just had the setInterval as part of the function body, then a new interval would be created on every render
@Diamondyy
@Diamondyy 8 ай бұрын
Hey there! I'm running into a bit of a hiccup and I hope someone can lend a hand. I'm trying to build my React app, but I keep getting this error message: Module parse failed: Unexpected character '�' (1:5) It seems to be related to the sound file (I'm using the same WAV file). Any advice on how to resolve this? Thanks in advance! 👍
@NiklasZiermann
@NiklasZiermann 8 ай бұрын
It's probably an issue with your bundler settings. Depending on what bundler you use you'll need to configure wav files as assets/resources. This way it will import just the path to the file instead of interpreting the file as javascript. How you do this depends on your bundler (vite, webpack, bun) but just googling '<bundlername> import as static asset' should probably do the trick :)
@jasper5016
@jasper5016 8 ай бұрын
Do you have playlist to learn React from basic to Advance?
@NiklasZiermann
@NiklasZiermann 8 ай бұрын
Unfortunately I dont. All of my videos expect a good base amount of react knowledge. The best one to get started would probably be my React-Typescript video though :)
@AGG7manchesterunited
@AGG7manchesterunited 8 ай бұрын
works with react native?
@NiklasZiermann
@NiklasZiermann 8 ай бұрын
I dont have experience with react native, but I don't see a reason why it shouldn't work :)
@user-tg3ow9yy2l
@user-tg3ow9yy2l 9 ай бұрын
This is SO helpful, thanks so much Niklas!
@NiklasZiermann
@NiklasZiermann 9 ай бұрын
You're welcome, I'm glad I could help :)
@zzzzzzzzzzzzzzzzzzz13142
@zzzzzzzzzzzzzzzzzzz13142 9 ай бұрын
I wondered that why you used vscode in your browser? Is it faster than an electron app?
@NiklasZiermann
@NiklasZiermann 9 ай бұрын
No I used to store my code on another machine to use it across devices when creating that video. Thats why I used it as a web app
@zzzzzzzzzzzzzzzzzzz13142
@zzzzzzzzzzzzzzzzzzz13142 9 ай бұрын
oh, thanks for your reply! by the way Ich lernen deutsch danke für das video :)@@NiklasZiermann
@NiklasZiermann
@NiklasZiermann 9 ай бұрын
@zzzzzzzzzzzzzzzzzzz13142 Viel Erfolg beim deutsch lernen :)
@gastonjacinto2242
@gastonjacinto2242 9 ай бұрын
You literally saved me, 2mins, other videos are like 20mins just to show this! Tysm!
@NiklasZiermann
@NiklasZiermann 9 ай бұрын
You're welcome, I'm glad I could help :)
@Thithi_Dev
@Thithi_Dev 9 ай бұрын
Man your content is awesome. Congratulations 👏
@NiklasZiermann
@NiklasZiermann 9 ай бұрын
Thank you, I'm glad you like it :)