Code Stoic
Code Stoic
  • Видео 117
  • Просмотров 1 492 689

Видео

React For Beginners 63: Splitting Items Into Multiple Components
Просмотров 2,2 тыс.8 месяцев назад
In this lecture we will learn how to split items into multiple components
React For Beginners 62: Fetching Ingredients
Просмотров 2,2 тыс.8 месяцев назад
In this lecture we will learn how to fetch ingredients for a recipe along with their images and quantities
React For Beginners 61: Designing The Recipe Detail Component
Просмотров 2,5 тыс.8 месяцев назад
In this lecture we will learn how to design the recipe detail component in React.
React For Beginners 60: Fetching Recipe Instructions
Просмотров 2,9 тыс.8 месяцев назад
In this lecture we will learn how to fetch recipe instructions
React For Beginners 59: Fetching Recipes From API
Просмотров 3,3 тыс.8 месяцев назад
In this lecture we will learn how to fetch recipes from an API
React For Beginners 58: Creating The Food Detail Component
Просмотров 3,1 тыс.8 месяцев назад
In this lecture we will learn how to create the food detail component
React For Beginners 57: Creating The Inner Container Component
Просмотров 2,8 тыс.8 месяцев назад
In this lecture we will create the inner container component
React For Beginners 56: Outer Container Component
Просмотров 3,1 тыс.8 месяцев назад
In this lecture we will create the outer container component
React JS 18 Tutorial For Beginners 2023 Part 55: Styling The Food Item Component
Просмотров 3 тыс.8 месяцев назад
In this lecture we will learn how to style the food item component
React For Beginners 54: Creating The Search Component
Просмотров 2,9 тыс.8 месяцев назад
In this lecture we will learn how to create the search component in React
React For Beginners 53: Creating The Nav Component
Просмотров 3,2 тыс.8 месяцев назад
In this lecture we will learn how to create the Nav component
React For Beginners 52: Food Item Component
Просмотров 3,1 тыс.8 месяцев назад
In this lecture we will learn how to create the food item component
React For Beginners 51: Building The Food List Component
Просмотров 3,2 тыс.8 месяцев назад
In this lecture we will learn how to build the food list component
React For Beginners 50: Creating State To Save Food Data
Просмотров 3,8 тыс.8 месяцев назад
In this lecture we will learn how to create a state variable in React to store data fetched from an API
React For Beginners 49: Making API Call In React
Просмотров 5 тыс.8 месяцев назад
React For Beginners 49: Making API Call In React
React For Beginners 48: useEffect Hook In React
Просмотров 5 тыс.8 месяцев назад
React For Beginners 48: useEffect Hook In React
React For Beginners 47: Setting Up Project & Making API Calls Using Postman
Просмотров 6 тыс.8 месяцев назад
React For Beginners 47: Setting Up Project & Making API Calls Using Postman
React For Beginners 46: Recipe App Introduction
Просмотров 4,5 тыс.8 месяцев назад
React For Beginners 46: Recipe App Introduction
React For Beginners 45: Sorting Items In A Todo List
Просмотров 4 тыс.8 месяцев назад
React For Beginners 45: Sorting Items In A Todo List
React For Beginners 44: Counting Completed & Total Todos
Просмотров 4,3 тыс.8 месяцев назад
React For Beginners 44: Counting Completed & Total Todos
React For Beginners 43: Marking Todo Items As Complete
Просмотров 6 тыс.8 месяцев назад
React For Beginners 43: Marking Todo Items As Complete
React For Beginners 42: Todo App Part 15 Adding Complete Task Functionality
Просмотров 5 тыс.8 месяцев назад
React For Beginners 42: Todo App Part 15 Adding Complete Task Functionality
React For Beginners 41: Todo App Part 14 Delete Functionality In React
Просмотров 6 тыс.8 месяцев назад
React For Beginners 41: Todo App Part 14 Delete Functionality In React
React For Beginners 40: Todo App Part 13 Adding A Delete Button
Просмотров 5 тыс.8 месяцев назад
React For Beginners 40: Todo App Part 13 Adding A Delete Button
React For Beginners 39: Todo App Part 12 Styling Todo Items
Просмотров 4,9 тыс.8 месяцев назад
React For Beginners 39: Todo App Part 12 Styling Todo Items
React For Beginners 38: Todo App Part 11 Styling The Form
Просмотров 5 тыс.8 месяцев назад
React For Beginners 38: Todo App Part 11 Styling The Form
React For Beginners 37: Todo App Part 10 Separating JSX Into Components
Просмотров 6 тыс.8 месяцев назад
React For Beginners 37: Todo App Part 10 Separating JSX Into Components
React For Beginners 36: Todo App Part 9 Creating Header & Styling It
Просмотров 6 тыс.8 месяцев назад
React For Beginners 36: Todo App Part 9 Creating Header & Styling It
React For Beginners 35: Todo App Part 8 CSS Modules For Styling
Просмотров 6 тыс.8 месяцев назад
React For Beginners 35: Todo App Part 8 CSS Modules For Styling

Комментарии

  • @petyadimitrova7903
    @petyadimitrova7903 День назад

    I still can not get instructions displayed after following this lecture. All other parts of the application renders successfully. I don't have any console error.

  • @dhruvchakravarti5852
    @dhruvchakravarti5852 3 дня назад

    completed the project and whole series. eagerly waiting for more. Amazing content❤❤

  • @owdengodson2990
    @owdengodson2990 3 дня назад

    While importing App.css into App.jsx, why didn't you use 'import styles'?

  • @Sathpiyum_Official
    @Sathpiyum_Official 4 дня назад

  • @govindaupadhya8623
    @govindaupadhya8623 5 дней назад

    In this cant we just put id in the span for the item and pass down the object with the same task as parameter to the handlecomplete function ?

  • @federicai909
    @federicai909 6 дней назад

    Amazing playlist for React 18! I hope you come back with new courses, you are amazing!!

  • @weeyox...4390
    @weeyox...4390 6 дней назад

    bro i didn't know that there was a limit for searching item , now i cannot continue this project because i reached the limit of the Spoonacular API 🤕

    • @ashutoshpawar
      @ashutoshpawar 6 дней назад

      Wait till tomorrow, the limit will be reset.

  • @WondasMedia
    @WondasMedia 7 дней назад

    I have so much enjoyed you previous courses, but I wish you did this part afresh not copying and paste. Kinda of complicated

  • @mohd0606
    @mohd0606 7 дней назад

    Need more videos. I am grateful that I found this channel.

  • @mohd0606
    @mohd0606 7 дней назад

    Please create more videos on React 18 following your playlist after my office hours. Really thumbs up to you man.

  • @SUMISCorner1
    @SUMISCorner1 8 дней назад

    Nice 👍

  • @dhruvchakravarti5852
    @dhruvchakravarti5852 8 дней назад

    when the code runs, there is already a box present in webpage even when no item is added

  • @dhruvchakravarti5852
    @dhruvchakravarti5852 9 дней назад

    I don't know why but the margin:0 ; when i am putting inside body is not working but when i place inside universal selector * , it works

  • @sudharsanv.s.8407
    @sudharsanv.s.8407 9 дней назад

    can we use push instead of spread operator?

  • @dhruvchakravarti5852
    @dhruvchakravarti5852 9 дней назад

    is there a shortcut you are using in which the line of code for importing the TodoItem gets automatically written

  • @studentmitra5372
    @studentmitra5372 9 дней назад

    hey is there any difference in 2 playlist that you have putted. Like one with 116 videos and another with 64 ?

  • @weeyox...4390
    @weeyox...4390 9 дней назад

    Great React tutorial till 2024❤

  • @mohd0606
    @mohd0606 11 дней назад

    Please go ahead and create more projects like this.

  • @mohd0606
    @mohd0606 11 дней назад

    You explained everything crystal clear. Love the way of your teaching style and Abstraction explanation was beyond my imagination More power to you. Hope you will get a tons of subscribers from this. Thanks for creating this playlist.

  • @RoTrend23493
    @RoTrend23493 11 дней назад

    Я з України, охоче вчу з тобою React. Хороша подача матеріалу. Супер!

  • @4404
    @4404 11 дней назад

    thanks ....

  • @dhruvprajapatiIITR
    @dhruvprajapatiIITR 11 дней назад

    Is the name value concatenated everytime we press a key like intially name = a then name =ap or is it just appears in the output as ' ap ' and in reality the value name changes to name =p when the p key is pressed after a key 13:31

  • @petyadimitrova7903
    @petyadimitrova7903 12 дней назад

    Very well explained concepts. Thank you

  • @PranoySinha-xn6sr
    @PranoySinha-xn6sr 12 дней назад

    Can anyone enlighten me why this Console Log Prints the array multiple times (even on key press)? for React.StrictMode..?

  • @dhruvprajapatiIITR
    @dhruvprajapatiIITR 12 дней назад

    Hello sir , Can you explain why curly brackets 0:49 are used to create objects, is it a syntax for writing objects? Because you told that curly brackets are used when particularly writing JS inside HTML and when we are defining array it is pure JS

  • @nwokeprecious7942
    @nwokeprecious7942 12 дней назад

    Thanks for taking the time to make this course, it made learning react easy for me, the explanations were easy to understand and follow. I look forward to more videos from you.

  • @pramodkarkera-eo9th
    @pramodkarkera-eo9th 12 дней назад

    Thank you so much. :💘💘💘

  • @isaacprevilus1162
    @isaacprevilus1162 13 дней назад

    When I click on the "Add" button, with the input field empty, it displays an empty response. Try it out, How can I fix that?

  • @ragtop63
    @ragtop63 13 дней назад

    As useful as this might be for brevity, I feel like it’s a shortcut and violates the code clarity concept. Being that this is a series for beginners, I feel like that it might be good for a beginner to know what this is but not necessarily be encouraged to use it as it abstracts a lot of what’s happening in the background. If an inexperienced developer were to encounter this, they might not know what it is and get confused. Thus, violating the code clarity and readability concept. Personally, I only encourage developers to do things like this when it’s absolutely necessary. Verbosity is always going to be more clear and readable to a larger audience in almost every instance.

  • @DasaN-pk8ve
    @DasaN-pk8ve 13 дней назад

    Thanks ❤❤

  • @tikkyfoxyt6831
    @tikkyfoxyt6831 13 дней назад

    Simply explained well sir Tq

  • @ZubairGhaffar-dc9gx
    @ZubairGhaffar-dc9gx 14 дней назад

    💯

  • @Sahil_gupta_
    @Sahil_gupta_ 14 дней назад

    BRO what about after 64 video? how will i learn more

  • @abnananta9499
    @abnananta9499 16 дней назад

    Thank you man,, keep up the good work ❤❤❤❤

  • @bishoyadel1254
    @bishoyadel1254 16 дней назад

    ty you are the greatest Instructor on YT ♥

  • @VishalJangid1
    @VishalJangid1 17 дней назад

    why is it working without calling setTodo setTodos(todos.map((todo)=> todo.name === name ? {...todo,done:!todo.done}:todo));

  • @muralisunnam
    @muralisunnam 18 дней назад

    Thank you for awesome content , let me know if you are taking any courses online.

  • @ojitelikenechukwu3895
    @ojitelikenechukwu3895 19 дней назад

    OMG, you make react so easy and fun

  • @viswateja8489
    @viswateja8489 20 дней назад

    shift + alt + f can also be used to format the code sir, so I think we no need to use prettier extension

  • @Veeeena-dp7gz
    @Veeeena-dp7gz 20 дней назад

    Uncaught TypeError: setTodos is not a function at handleDelete (TodoItem.js:5:1) at onClick (TodoItem.js:14:1) at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1) at invokeGuardedCallback (react-dom.development.js:4277:1) at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:4291:1) at executeDispatch (react-dom.development.js:9041:1) at processDispatchQueueItemsInOrder (react-dom.development.js:9073:1) at processDispatchQueue (react-dom.development.js:9086:1) followed you, but getting this error while i run , could u please able to help me?

  • @ArjayAltamera
    @ArjayAltamera 22 дня назад

    How can i check the version of vite that I will use. Hope for your swift response. Thank you for this amazing tutorial.

  • @godwindaniel-xl6pu
    @godwindaniel-xl6pu 22 дня назад

    please mine is not working at this point

  • @lachidong7818
    @lachidong7818 22 дня назад

    how do you set up emoji on your vs code ?

  • @GuruprasadBhat-st3sq
    @GuruprasadBhat-st3sq 23 дня назад

    excellent explanation ..🤎

  • @anoartgallery8547
    @anoartgallery8547 23 дня назад

    You teach very calmly and excellently. I really like the way you teach. Well done and thank you

  • @VishalJangid1
    @VishalJangid1 25 дней назад

    This works too Fruits.jsx <Fruit key={fruit.name} fruit={fruit} /> Fruit.jsx export default function Fruit({fruit}) { return ( <li> {fruit.emoji} {fruit.name} ${fruit.price} </li> ); }

  • @014wismayoga7
    @014wismayoga7 26 дней назад

    Very Helpfull, thanks!!!

  • @btech_Algorithm
    @btech_Algorithm 28 дней назад

    great sir

  • @SidhuDeep-qu3zc
    @SidhuDeep-qu3zc 28 дней назад

    beautiful