Yogesh Chavan’s Post

When adding projects to your Resume, you should also add the live URL of the deployed application whenever possible so recruiters and see your skills and the work you have done. Just creating projects and able to run them on your machine is not enough. You need to deploy them to increase your chances of getting hired. So, in this video, you will learn the step-by-step way of deploying a complete MERN stack application from scratch. https://lnkd.in/dK4NRaGM 𝗗𝗼𝗻'𝘁 𝗳𝗼𝗿𝗴𝗲𝘁 𝘁𝗼 𝘀𝘂𝗯𝘀𝗰𝗿𝗶𝗯𝗲 𝘁𝗼 𝗺𝘆 𝗬𝗼𝘂𝗧𝘂𝗯𝗲 𝗰𝗵𝗮𝗻𝗻𝗲𝗹 𝗳𝗼𝗿 𝗺𝗼𝗿𝗲 𝘀𝘂𝗰𝗵 𝘂𝘀𝗲𝗳𝘂𝗹 𝗰𝗼𝗻𝘁𝗲𝗻𝘁. #javascript #reactjs #webdevlopment

Yesterday, I uploaded a 1+ hour preview video from my webinar on building a "𝗟𝗶𝗯𝗿𝗮𝗿𝘆 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁 𝗦𝘆𝘀𝘁𝗲𝗺 𝗨𝘀𝗶𝗻𝗴 𝗥𝗲𝗮𝗰𝘁, 𝗦𝗵𝗮𝗱𝗰𝗻/𝘂𝗶, 𝗦𝘂𝗽𝗮𝗯𝗮𝘀𝗲 𝗮𝗻𝗱 𝗥𝗲𝗮𝗰𝘁 𝗤𝘂𝗲𝗿𝘆 𝗙𝗿𝗼𝗺 𝗦𝗰𝗿𝗮𝘁𝗰𝗵" on my YouTube channel. Do check it out, If you missed it. The link is in the comment. #javascript #reactjs #tailwindcss #webdevelopment

💡React Tip💡 If you're adding a search functionality into any application, you should always use debouncing technique If the results are coming from API. Debouncing allows us to limit the number of API calls to the server. Instead of making an API call for every character typed, we make an API call after a few milliseconds once the user has stopped typing. This will also avoid the flickering of your search results and will provide a better user experience. This is also one of the popular interview question. 𝗖𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝗺𝘆 𝗮𝗿𝘁𝗶𝗰𝗹𝗲 𝗹𝗶𝗻𝗸 𝗶𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗺𝗲𝗻𝘁 𝘁𝗼 𝗹𝗲𝗮𝗿𝗻 𝗮𝗯𝗼𝘂𝘁 𝗵𝗼𝘄 𝘁𝗼 𝗲𝗮𝘀𝗶𝗹𝘆 𝘂𝘀𝗲 𝗱𝗲𝗯𝗼𝘂𝗻𝗰𝗶𝗻𝗴 𝗶𝗻 𝘆𝗼𝘂𝗿 𝗮𝗽𝗽𝗹𝗶𝗰𝗮𝘁𝗶𝗼𝗻, #javascript #reactjs #webdevelopment

𝗜𝗻 𝘁𝗵𝗶𝘀 𝟭+ 𝗵𝗼𝘂𝗿 𝘃𝗶𝗱𝗲𝗼, you will learn how to build a Library Management System Using React, Shadcn/ui, Supabase, and React Query From Scratch. https://lnkd.in/dUiPAyik #javascript #reactjs #tailwindcss #webdevelopment

A nice overview of various hooks coming in React version 19 with demo examples. https://lnkd.in/dxGQxRjq #javascript #reactjs #webdevelopment

💡JavaScript Interview Question💡 Explain what the below line of JavaScript code does. const [{ isoCode: firstCode = '' } = {}] = allStates; 𝗖𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝘁𝗵𝗲 𝗹𝗶𝗻𝗸 𝗶𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗺𝗲𝗻𝘁 𝗳𝗼𝗿 𝘁𝗵𝗲 𝗮𝗿𝘁𝗶𝗰𝗹𝗲 𝗹𝗶𝗻𝗸 𝗲𝘅𝗽𝗹𝗮𝗶𝗻𝗶𝗻𝗴 𝘁𝗵𝗲 𝗮𝗻𝘀𝘄𝗲𝗿 𝗙𝗼𝗿 𝗺𝗼𝗿𝗲 𝘀𝘂𝗰𝗵 𝘂𝘀𝗲𝗳𝘂𝗹 𝗰𝗼𝗻𝘁𝗲𝗻𝘁, 𝗱𝗼𝗻'𝘁 𝗳𝗼𝗿𝗴𝗲𝘁 𝘁𝗼 𝗳𝗼𝗹𝗹𝗼𝘄 𝗺𝗲. #javascript #reactjs #webdevelopment

💡React Interview Question💡 How to decide whether to have a single state, containing an object to store the entire component state or declare a separate state for each data in the functional component? 𝗔𝗻𝘀𝘄𝗲𝗿: Whenever you have related pieces of information that you want to manage together, then store them in an object in a state. For example, if you have form inputs where each input value is a separate field in an object, it can be convenient to manage them all together in a single state object. This can help keep your code organized and make it easier to update multiple values at once as shown below: const [state, setState] = useState({ firstName: '', lastName: '', email: '', }); const handleChange = (event) => { const { name, value } = event.target; setState((prevState) => ({ ...prevState, [name]: value, })); }; However, use separate state variables when each piece of state is independent and doesn't need to be managed together. For example, if you have a component that needs to track both a count and a boolean value which are not related to each other, it would make sense to use separate state variables for each of them as shown below: const [count, setCount] = useState(0); const [isModalOpen, setIsModalOpen] = useState(false); 𝗣𝗦: 𝗪𝗮𝗻𝘁 𝘁𝗼 𝗹𝗲𝗮𝗿𝗻 𝗥𝗲𝗮𝗰𝘁 𝗳𝗿𝗼𝗺 𝘀𝗰𝗿𝗮𝘁𝗰𝗵? 𝗰𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝗺𝘆 𝗥𝗲𝗮𝗰𝘁 𝗖𝗼𝘂𝗿𝘀𝗲 𝗹𝗶𝗻𝗸 𝗶𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗺𝗲𝗻𝘁. #javascript #reactjs #webdevelopment

I've observed that many developers are keen on learning Next.js due to its increasing demand, even without knowing React. However, it's important to note that this isn't the most effective learning strategy. Next.js is actually a React.js framework, so understanding React.js is a prerequisite to fully grasp Next.js. And, before diving into React.js, a solid foundation in JavaScript and ES6+ features is essential, as React.js is a JavaScript library. Following are the ES6+ Features You Must Know before learning React.js: 1. let and const 2. arrow functions 3. object and array destructuring 4. object shorthand syntax 5. template literals 6. rest and spread operator 7. optional chaining 8. promises 9. import & export 10. async/await 11. array methods like find, filter, map, reduce etc 12. primitive types and reference types Therefore, it's not possible to shortcut your way into mastering Next.js without a proper understanding of JavaScript and React.js. So, it's always beneficial to adopt a step-by-step approach to learning. This will undoubtedly equip you with the skills to become a more proficient developer. #javascript #reactjs #webdevelopment

Just concluded the webinar on building a library management system using React, Shadcn/ui, Supabase, and React Query from scratch.🕺 It was a fantastic and interactive webinar! Thanks to everyone who joined and participated. The application source code has also been uploaded and is now available to access. #javascript #reactjs #tailwindcss #webdevelopment

Shadcn/ui has added support for Charts😍 𝗣𝗦: Don't miss today's webinar to learn how to build a Library Management System using React, Shadcn/ui, Supabase And React Query from scratch at 4PM IST. #javascript #reactjs #tailwindcss #webdevelopment