Welcome! I just started my channel and this is the first time I make KZread tutorials. If you find this video helpful, consider hitting the like button and subscribe to my channel. This will help me to stay motivated in the long run. Btw, I'd be more than happy if you share your suggestions and tips on how I can make my tutorials better. Thanks a lot!

Finally KZread suggested me something very useful. Thank you sir

@VladyslavDihtiarenko

2 ай бұрын

You're very welcome!

haha did it , thank you man

@VladyslavDihtiarenko

2 ай бұрын

🔥

Nice video 😍. One thing, if we use char as the key it will thow an error saying "Encountered two children with the same key" since there could be same letters. Instead we can use React.Children.map(chars, char => {char})

@VladyslavDihtiarenko

9 күн бұрын

Thanks for sharing your advice! Evenmore, we can use indexes for two reasons: 1) Our text is a static lightweight DOM content that we don't expect to change 2) React actually uses indexes for key attrubute as a fallback

Nice vid❤

@VladyslavDihtiarenko

2 ай бұрын

Thanks!

Hey pal, make more videos like this. Also, could you provide a sheet in which the generally used animations are listed? It's hard to find them by name.

@VladyslavDihtiarenko

2 ай бұрын

Hi and welcome to my channel! While searching for animations, I noticed that people tend to name them as they please. There doesn’t seem to be a standardized set of animation names.

@sumitsinha995

2 ай бұрын

@@VladyslavDihtiarenko thanks pal for replying but can you ping me common ones.And where you learned from.

oh man the video is so good and i have learned few things from it , may i ask how did you learn Regex because im having hard time learning it

@VladyslavDihtiarenko

Ай бұрын

This was the most disgusting theme I had ever encountered. One time I even got a burnout while trying to understand regex.😂 Start with little steps towards learning it, like 5-10 mins a day. I recommend to google "freeCodeCamp regex", they have really good articles.

I wonder if having every single character placed inside a span tag affect SEO and indexation?

@mohitashliya8750

2 ай бұрын

Yes I am also curious about this question

@VladyslavDihtiarenko

2 ай бұрын

I'm also wondering... After doing some research, I've seen lots of discussions about this on Reddit, Stackoverflow, and other places. Most people say that the element doesn't affect SEO. However, they mostly guessing, so they not 100% sure :)

@mohitashliya8750

2 ай бұрын

@@VladyslavDihtiarenko Thanks bro you have done your homework

@bubbajaydee10

Ай бұрын

You add a duplicate span tag for screen readers only, making it invisible. You can use the sr-only tailwind utility class for reference . Wrap a Span over the split span tags and label it aria hidden to screen readers don’t read the individual chars

Hey pal, I wish to learn MERN full Stack web development. So, please suggest me appropriate course for MERN

@VladyslavDihtiarenko

Ай бұрын

kzread.info/dash/bejne/dap3y7CefNHAYJM.html everything from Dave Gray is a gem 💎

@RaJat2905_

Ай бұрын

Thanks 🙂

@VladyslavDihtiarenko

Ай бұрын

@@RaJat2905_ 😎

Why creating bunch of spans, can we just do it without creating lot of span for each character ?

@VladyslavDihtiarenko

Ай бұрын

I haven't found any other way to handle animation for each character. Because of splitting text into individual HTML element, we are able to manipulate them with Javascript to perform CSS transitions. The element itself is just a markup element with no semantic meaning. I guess you've got SEO concerns, however after making a research, I found that It doesn't hurt search engine rankings. It's important to note that even GSAP's SplitText function uses this method.