Have you ever thought sidebar in VS code might distract you, I do, and I have been. I tend to collapse and open the back sidebar a lot, and when it switches its state, your whole code editing area has to jump, and it kinda bothers me, I think most…

Postman to code — https://postman-to-code.netlify.app/ As a frontend engineer, you have probably used Postman, which is a very helpful tool to preview Apis. Most of the time, the backend team prepares all postman collections beforehand for frontend developers. Based on that data you write your code. If you have worked…

Quite a while ago I was invited to have an interview for the JS developer position at EPAM Systems. Below I am going to share questions I had and leave some comments on them. These are common questions for javascript developers, so this article should help you to understand how…

Basics HTML Html is essential to get started in frontend development, knowing what is a tag, element, attribute, what kind of events there are in the HTML element is helpful, especially, it helps you easily understand documentations. Some of the must-know elements: h1-h6, p, b, img, video, i, span, div, form, input…

Klass komponentlardan, funksional komponentlarga o’tish nisbatan qiyin bo’lishi mumkin, ayniqsa siz lifecycle metodidan juda ko’p foydalansangiz.Lekin sizni ishontirib aytishim mumkin, funksional komponentlardan foydalanish juda ham oson. Ba’zi bir, juda ham kam holatlarda ishlatiladigan metodlardan funksional komponentlar ichida foydalana olmasak ham, ushbu maqolada doimiy ishlatiladigan va sizga hayotiy loyiharda foydasi tegadigan…

In the first part, we have seen how to set up our client-side routing using react-router-dom. In this part, we are going to explore some of the very useful hooks from react-router-dom. useParams Have you ever noticed that most websites use dynamic routes, for example, if you visit an article on…

All codes below in codesandbox — https://codesandbox.io/s/exciting-cloud-e2ts7?file=/src/App.js:248-475 If you are a fresh beginner in React.js this topic might be a little bit complex for you, but I will do my best to help you build a foundation for your future projects. So unlike server-side rendering, react uses client-side rendering which…

You can check out the first part here. Extracting reusable code Like you do in most programming languages you can extract fragments of your code to make it reusable. In Sass, it is pretty simple let's say we are going to center any child elements using flex, we can write: @mixin center{…

Sass is a Syntactically Awesome Style Sheets, which means is that it is just an improved and feature-rich version of CSS, and at the end, it compiles down to CSS. This tool makes your work much easier, you write less, you make your code reusable and more readable. Setup in React Before we…