Adding videos to React app is always tricky and it becomes more complex when we need to mange different kind of formats like HTML5, Flash, Vimeo and Youtube videos. In this article we will gonna learn how to add videos support to React App. Video.js Video.js is a web video Read more…
Have you ever wondered what if there is a way to write JSX in markdown documents. That will make writing code faster like never before. MDX is an authorable format that lets you seamlessly use JSX in your markdown documents. In this article we will gonna learn how to use Read more…
Have you ever needed to created an array of n size just to test the UI in frontend. Well most of the time while implemented a new Design where we need to show rendering of a component multiple time we manually creates an array but what if we need an Read more…
Have you ever wish to create games using your existing HTML experience then there is a good news for you. There is a framework exists which create games using HTML. In this article we will gonna learn how to use Phaser to create games. What is Phaser ? Phaser is Read more…
Choosing the correct UI library for a project is always most confusing thing for developers. We already have a lot of options like Material UI, Ant Design, Fluent Design, etc. Recently Microsoft has lanuched one more UI library called Fast. In this article we will gonna see how Microsoft Fast Read more…
Handling forms in React is always time consuming mainly the part where developers need to handle a lot of input values. What if there is already ready to use functionality available for forms. In this article we will gonna learn how to handle forms using React Hook Form. React Hook Read more…
Everyone knows regex is most powerful feature of JavaScript but at the same time it can give hard time to even experienced developers. Reading your regex after few months sometime become too difficult. In today article we will gonna learn how we can write regex in natural language. Super expressive Read more…
Lodash is always the favorite library for developers to perform small operation without writing any extra code. So you may have used this isEmpty function of the lodash to check for an empty object. In this tip article we will gonna learn how to do that without lodash. Solution You Read more…
Most of the developer have faced a situation where they need to add the youtube videos to there project usually the promotional videos to landing page. To add the youtube video to React app there is multiple ways are available. In this article we will gonna learn how to add Read more…
In the last article we have used a custom function to find an element is in viewport or not. But that solution have few drawbacks like we need to check for element on parent container scroll manually. Now we will gonna solve that issue by using Intersection observer API. What Read more…