Ever wondered how interesting it would be if you could make your website available in different languages or preferences as per the need of users???
Well, react-i18next is one of the simplest tools for this! It makes the task of making a react website multilingual extremely easy!
react-i18next is the react implementation of I18next.
Well for all those who don’t know what I18next is, let's have a quick look at what it actually is!
Back in July 2020, when I was leafing through my LinkedIn feed, I came across several certificates posted by my connections on LinkedIn regarding their achievements of GSSoC 2020. Not knowing what it was, I started asking people on LinkedIn about this program. And many of my connections were friendly enough to tell me everything about this program and their personal experiences. It was through them, that I got to know, what GSSoC is and how it is helping many newbies to kick start their journey in open source!
Event Bubbling and Capturing are very important concepts to know if you want to have control over the events fired in DOM!
Step by step, we will understand each of these phases in detail.
Consider we have some nested DOM elements, for example, something like this,
Consider the following example,
Lets get started with some basic function pattern which we normally see in other programming languages as well i.e. normal function definition.