![Code Stoic](/img/default-banner.jpg)
- Видео 117
- Просмотров 1 492 689
Code Stoic
Индия
Добавлен 13 июн 2012
React For Beginners 64: Styling Items Container
In this lecture we will learn how to style the items container
Просмотров: 4 017
Видео
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
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.
completed the project and whole series. eagerly waiting for more. Amazing content❤❤
While importing App.css into App.jsx, why didn't you use 'import styles'?
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 ?
Amazing playlist for React 18! I hope you come back with new courses, you are amazing!!
That's the plan!
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 🤕
Wait till tomorrow, the limit will be reset.
I have so much enjoyed you previous courses, but I wish you did this part afresh not copying and paste. Kinda of complicated
Need more videos. I am grateful that I found this channel.
Please create more videos on React 18 following your playlist after my office hours. Really thumbs up to you man.
Nice 👍
when the code runs, there is already a box present in webpage even when no item is added
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
can we use push instead of spread operator?
is there a shortcut you are using in which the line of code for importing the TodoItem gets automatically written
hey is there any difference in 2 playlist that you have putted. Like one with 116 videos and another with 64 ?
Great React tutorial till 2024❤
Please go ahead and create more projects like this.
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.
Я з України, охоче вчу з тобою React. Хороша подача матеріалу. Супер!
thanks ....
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
Very well explained concepts. Thank you
Can anyone enlighten me why this Console Log Prints the array multiple times (even on key press)? for React.StrictMode..?
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
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.
Thank you so much. :💘💘💘
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?
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.
Thanks ❤❤
Simply explained well sir Tq
💯
BRO what about after 64 video? how will i learn more
Thank you man,, keep up the good work ❤❤❤❤
ty you are the greatest Instructor on YT ♥
Wow, thanks!
why is it working without calling setTodo setTodos(todos.map((todo)=> todo.name === name ? {...todo,done:!todo.done}:todo));
Thank you for awesome content , let me know if you are taking any courses online.
OMG, you make react so easy and fun
shift + alt + f can also be used to format the code sir, so I think we no need to use prettier extension
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?
How can i check the version of vite that I will use. Hope for your swift response. Thank you for this amazing tutorial.
please mine is not working at this point
how do you set up emoji on your vs code ?
excellent explanation ..🤎
You teach very calmly and excellently. I really like the way you teach. Well done and thank you
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> ); }
Very Helpfull, thanks!!!
great sir
beautiful