- Видео 34
- Просмотров 5 055
codewithshekhar94
Индия
Добавлен 7 фев 2013
Hi there! I'm Shekhar 👋, a seasoned software engineer with 10 years of experience at leading companies like Uber and Nutanix, as well as various startups.
Welcome to my channel, where I provide engaging coding tutorials that are clear, concise, and practical-no fluff, just actionable insights! Whether you're a beginner eager to learn or an experienced coder looking to sharpen your skills, my courses focus on real-world projects designed to help you secure your dream job.
Join the thousands of students I've helped transform their careers! If you're ready to level up your coding skills and embark on an exciting learning journey, hit that subscribe button and let's get started!
Want to connect 1:1? topmate.io/shekhar_suman
Welcome to my channel, where I provide engaging coding tutorials that are clear, concise, and practical-no fluff, just actionable insights! Whether you're a beginner eager to learn or an experienced coder looking to sharpen your skills, my courses focus on real-world projects designed to help you secure your dream job.
Join the thousands of students I've helped transform their careers! If you're ready to level up your coding skills and embark on an exciting learning journey, hit that subscribe button and let's get started!
Want to connect 1:1? topmate.io/shekhar_suman
How to integrate food search API? #reactjs #jsx #reactcomponents #javascript #foodapp #coding
🍽️ Integrating the Food Search API into our React App!
In this video, we’ll dive into the process of integrating the Food Search API from TheMealDB into our React application. This tutorial is perfect for anyone looking to enhance their app with real-time food data and improve their API integration skills!
What You’ll Learn:
Integrating the Food Search API: Step-by-step instructions on how to connect your React app with the Food Search API to fetch delicious meal data.
Using Fetch for GET Calls: Learn how to use the Fetch API to perform GET requests and retrieve meal information seamlessly.
Implementing the Search Handler: Discover how to create an efficient search handler that allows users to...
In this video, we’ll dive into the process of integrating the Food Search API from TheMealDB into our React application. This tutorial is perfect for anyone looking to enhance their app with real-time food data and improve their API integration skills!
What You’ll Learn:
Integrating the Food Search API: Step-by-step instructions on how to connect your React app with the Food Search API to fetch delicious meal data.
Using Fetch for GET Calls: Learn how to use the Fetch API to perform GET requests and retrieve meal information seamlessly.
Implementing the Search Handler: Discover how to create an efficient search handler that allows users to...
Просмотров: 22
Видео
How to design search bar for the food search app? #reactjs #reactcomponents #javascript #foodapp
Просмотров 167 часов назад
🍽️ Designing a Search Bar for Your Food Search App in React! In this video, we’ll explore how to design an effective search bar for our Food Search App using React! This tutorial will guide you through the essential steps to create a user-friendly search interface while also addressing common challenges developers face. What You’ll Learn: Designing the Search Bar: Step-by-step instructions on h...
How to style the header and footer for the food search app? #reactjs #jsx #reactcomponents #foodapp
Просмотров 399 часов назад
🎨 How to Style the Header and Footer for a Food Search App in React In this video, we’ll explore how to effectively style the header and footer layout for our Food Search App using React! This tutorial is perfect for developers looking to enhance their UI design skills while learning practical coding techniques. What You’ll Learn: Styling the Header and Footer: Step-by-step guidance on creating...
How to design layout for the food search app? #reactjs #jsx #reactcomponents #javascript #foodapp
Просмотров 4121 час назад
🍽️ Designing a Food Search App Layout in React: Step By Step! In this video, we’ll dive into the exciting process of designing a stunning layout for our Food Search App using React! Whether you're a beginner or looking to refine your skills, this tutorial is packed with valuable insights to help you create an intuitive user interface. What You’ll Learn: Layout Design for React: Step-by-step gui...
![How to build food app in react? Food search app demo [new project] #reactjs #webdevelopment #coding](http://i.ytimg.com/vi/KvIFTrWUP3g/mqdefault.jpg)
How to build food app in react? Food search app demo [new project] #reactjs #webdevelopment #coding
Просмотров 68День назад
🍽️ New Playlist Launch: React Basics Series - Build a Food Search App! I’m excited to announce the launch of my new playlist dedicated to the React Basics Series! In this video, we’ll kick things off by building a Food Search App from scratch. This project is perfect for beginners looking to dive into React and learn how to create dynamic, user-friendly applications. What You’ll Learn: Setting ...
How to simplify complex component logic? Task component #reactjs #jsx #reactcomponents #refactoring
Просмотров 57День назад
🔍 Simplify Your React Components: Refactor for Clarity and Efficiency! In this insightful video, we dive deep into the art of simplifying complex component logic in React. Join me as I guide you through the process of refactoring your Todo App's Task component, breaking down the code into a more readable and maintainable structure. 🧹 What You'll Learn: Simplifying Component Logic: Discover prov...
How to fix styling issues and simplify the component code for the todo app in reactjs? #reactjs #jsx
Просмотров 3214 дней назад
🎨 Elevate Your Todo App's UI and Refactor for Cleaner Code! In this exciting video, we take your Todo App to the next level by polishing the UI for the edit functionality and refactoring the component code for better readability and maintainability! 🚀 Get ready to transform your app into a sleek, user-friendly masterpiece! What You'll Learn: Enhancing the Edit Todo UI: Discover how to create a ...
How to implement edit todo task functionality(lecture 3)? #reactfrontend #reactjs #programming #jsx
Просмотров 2914 дней назад
🌟 Welcome! 🌟 In today’s video, we’re diving deep into the Edit Todo Task Functionality! 🚀 What You’ll Learn: Step-by-Step Implementation: Watch as I guide you through the entire process of adding edit functionality to your todo app. Best Practices: Discover the best coding practices to ensure your app is user-friendly and efficient. Real-Time Coding: Follow along with real-time coding examples ...
How to implement edit todo task functionality(lecture 2)? #reactfrontend #reactjs #programming #jsx
Просмотров 2314 дней назад
🌟 Welcome! 🌟 In today’s video, we’re diving deep into the Edit Todo Task Functionality! 🚀 What You’ll Learn: Step-by-Step Implementation: Watch as I guide you through the entire process of adding edit functionality to your todo app. Best Practices: Discover the best coding practices to ensure your app is user-friendly and efficient. Real-Time Coding: Follow along with real-time coding examples ...
How to implement edit todo task functionality? #reactfrontend #reactjs #programming #webdevelopment
Просмотров 2714 дней назад
Hey there, fellow developers! In this video, we're going to dive into an exciting new feature: editing your todo tasks. This is a highly requested functionality, and I'm sure you're eager to get your hands dirty and implement it yourself. Before we begin, I encourage you to pause the video and try to implement the edit todo task feature on your own. You've already covered all the necessary conc...
How to debug reactjs application? #reactjs #debugging #debugtips #webdevelopment #props #reacthooks
Просмотров 3821 день назад
Mastering React Debugging: Unlock the Power of Props and State Are you a React developer looking to take your debugging skills to the next level? Look no further! In this insightful video, we dive deep into the world of React debugging, equipping you with the essential knowledge to become a proficient React developer. Key Takeaways: Learn how to effectively debug your React applications Discove...
How to route user to a component based on user actions? #reactjs #routing #todoapp #webdevelopment
Просмотров 3021 день назад
🚀 Enhance Your React App with Dynamic Routing! In this exciting video, we dive into the world of React routing by adding a brand-new feature to our application! 🌟 We’ll show you how to implement a button on the home route that seamlessly navigates users to the /todo-app route, where they can interact with the Todo app. What You’ll Learn: Implementing Dynamic Routing: Discover how to use the use...
How to setup react-router-dom for routing in reactjs apps? #reactjs #routing #react-router-dom #jsx
Просмотров 6021 день назад
🌟 Master Routing in Your React App with React Router! In this comprehensive video, we take a deep dive into setting up routing in your React.js application! 🚀 Whether you're a beginner or looking to refresh your skills, this tutorial will guide you through the essentials of using react-router-dom to create a seamless navigation experience. What You’ll Learn: Setting Up Routing: Step-by-step ins...
How to refactor reactjs root component? Move out the TodoApp to own component. #reactjs #jsx #coding
Просмотров 2521 день назад
🔄 Refactor Your Todo App for Better Routing in React! In this exciting video, I take you through the process of refactoring the logic of our Todo App into its own component! 🎉 This essential step not only streamlines our code but also sets the stage for designing a more efficient routing system for the application. What You’ll Learn: Component Refactoring: Discover the benefits of separating yo...
How to push local project to github? #reactjs #github #scm #todoapp #coding #webdevelopment #jsx
Просмотров 13921 день назад
How to push local project to github? #reactjs #github #scm #todoapp #coding #webdevelopment #jsx
How to pass handlers as component props? Refactoring AddTask component. #reactjs #javascript #jsx
Просмотров 1628 дней назад
How to pass handlers as component props? Refactoring AddTask component. #reactjs #javascript #jsx
How to think about props for a react component? Task component refactoring. #reactjs #coding #jsx
Просмотров 1428 дней назад
How to think about props for a react component? Task component refactoring. #reactjs #coding #jsx
How to refactor complex react components? #reactjs #javascript #coding #webdevelopment #programming
Просмотров 328 дней назад
How to refactor complex react components? #reactjs #javascript #coding #webdevelopment #programming
How to write button click handler react? Completed task list and mark completed feature #react
Просмотров 728 дней назад
How to write button click handler react? Completed task list and mark completed feature #react
What is Reactjs hooks? How to use useState hook? #reactjs #programming #coding #webdevelopment
Просмотров 5Месяц назад
What is Reactjs hooks? How to use useState hook? #reactjs #programming #coding #webdevelopment
TODO item UI and dynamic content rendering in reactjs. #reactjs #programming #coding #webdevelopment
Просмотров 2Месяц назад
TODO item UI and dynamic content rendering in reactjs. #reactjs #programming #coding #webdevelopment
TODO app layout design. #reactjs #coding #webdevelopment #programming #javascript #learning #jsx
Просмотров 6Месяц назад
TODO app layout design. #reactjs #coding #webdevelopment #programming #javascript #learning #jsx
How to design TODO app layout? #reactjs #coding #webdevelopment #prettier #programming #itjobs #jsx
Просмотров 10Месяц назад
How to design TODO app layout? #reactjs #coding #webdevelopment #prettier #programming #itjobs #jsx
How to do component architecture design? #reactjs #architecture #design #webdevelopment #coding #job
Просмотров 20Месяц назад
How to do component architecture design? #reactjs #architecture #design #webdevelopment #coding #job
How to build todo app. Project demo #reactjs #html #webdevelopment #learning #systemdesign #coding
Просмотров 20Месяц назад
How to build todo app. Project demo #reactjs #html #webdevelopment #learning #systemdesign #coding
React app folder structure explained. #3 #reactjs #coding #webdevelopment #learning #javascript
Просмотров 26Месяц назад
React app folder structure explained. #3 #reactjs #coding #webdevelopment #learning #javascript
How to do VS code installation and react project setup #reactjs #coding #webdevelopment #learning
Просмотров 49Месяц назад
How to do VS code installation and react project setup #reactjs #coding #webdevelopment #learning
How to install Node.js and npm. #1 #reactjs #coding #webdevelopment #learning #javascript #nodejs
Просмотров 61Месяц назад
How to install Node.js and npm. #1 #reactjs #coding #webdevelopment #learning #javascript #nodejs
stack, queue, implement queue using two stacks
Просмотров 525 лет назад
stack, queue, implement queue using two stacks
Nested iframe communication using contentWindow and window parent
Просмотров 2,6 тыс.7 лет назад
Nested iframe communication using contentWindow and window parent