jonasschmedtmann / ultimate-react-course Goto Github PK
View Code? Open in Web Editor NEWStarter files, final projects, and FAQ for my Ultimate React course
Starter files, final projects, and FAQ for my Ultimate React course
The component currently includes a button, but Instead of using a custom component, a plain element is used, resulting in an inconsistent button appearance.
WorldWise - Instructed to overwrite pages folder but new pages in starter does not include AppLayout.jsx
It is not aligning properly with the video sequence and contains unused functions from the source file which should appear after some sections of the video, (for example check this folder -final-4-after-advanced-patterns)
after i download the zip file i am not able to extract the items inside because it keeps saying there is no content inside it
This should changed to overflow: hidden;
The API request for questions in the Quiz app is corrupted, causing an error message: "There was an error fetching questions."
const book = getBook(2);
const title =book.title;
title; The Cyberiad;
#12 finding bug in section 3 and Quokka.js cant worked and they cant be compiled
when i want to dispatch some action in my app i get an error A component is changing an uncontrolled input to be controlled
I sorted the items by packed status, and the checkboxes weren't truly re-rendering. I changed the "value" attribute to the "checked" one and it worked perfectly.
The api request with questions in the Quiz app seems to be corrupted.
The production build of the wlld-oasis project is not routing properly. When the user clicks on the dashboard, the app routes to page-not-found page but in development, the app behaves normally.
The usePorn has unneccessary scroll features that makes the design look ugly from start
Chapter 20, section 13 instructs to run npm i redux-devtools-extension
.
This returned the following error on my machine however.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/redux
npm ERR! redux@"^5.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer redux@"^3.1.0 || ^4.0.0" from [email protected]
npm ERR! node_modules/redux-devtools-extension
npm ERR! redux-devtools-extension@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
Replacing my package.json
by the final version solved this issue.
If you are following and coding along, you might have come across this error yourself as well, i.e in the Implementing the Cities video.
When you try to pass the city prop to the CityItem.jsx component then you might have come up with this error where it is asking to specify the types of prop that you are passing.
country' is missing in props validation react/prop-types
7:22 error 'country.emoji' is missing in props validation react/prop-types
8:22 error 'country.emoji' is missing in props validation react/prop-types
It is turning out to be like this and for the time being, I have added prop types for each props being passed. If anyone has succesfully resolve this error. Please do leave any resources/ comment that could help me.
Thanks and regards
Css files are there..but css is not working in my project
The StarRating component currently expects a function to be passed to the onSetRating prop. If this prop is not provided, the application throws an error when trying to execute onSetRating as it is undefined. The StarRating component should have a default behavior defined for onSetRating to avoid TypeError when the function is not provided. This will enhance the component's robustness and prevent potential runtime errors. I found this error for the movie list app in Star component. . Please check it and add this verificator for avoiding questions about it 😁
function handleRating(rating) { setRating(rating); if(onSetRating) onSetRating(rating); }
I start the wild Oasis project in my localhost:5000 port , but I don't know what's the login account and password .
The CSS file for eat-nsplit appears to be incomplete, no style defined for img or h3?
Using cloneElement in the modal Open component causes a bug unexpectedly
return cloneElement(children, { onClick: () => open(opens) });
This code works
<```
Modal.Open opens="delete">
Delete Booking </Modal.Open>
**This below code doesnt not work,**
<Modal.Open opens="delete">
{status === "checked-out" && (
Delete Booking
)}
</Modal.Open>
**I get this error**
> Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports
However it had been working before I added the **ErrorBoundary library**
file: app-v3.js
line-179,180
The code snippet provided seems to have a problem with the cleanup of the event listener in the useEffect hook. In the cleanup function, the event listener is added again instead of being removed using removeEventListener. This can lead to unexpected behavior and potential memory leaks.
Proposed Solution: Modify the cleanup function in the useEffect hook to properly remove the event listener using removeEventListener. Also, include inputEl.current in the dependency array to handle changes to inputEl.current correctly.
In the createBookings function of the data uploader file, there seems to be an issue with the mapping of guestId. The variable allGuestIds is being populated using guestsIds.map((cabin) => cabin.id)
, but it appears that cabin.id is incorrect in this context. It should be guestsIds.map((guest) => guest.id)
.
Steps to Reproduce:
const allGuestIds = guestsIds.map((cabin) => cabin.id);
Expected Behavior:
The allGuestIds variable should be populated using the correct mapping, like so: const allGuestIds = guestsIds.map((guest) => guest.id);
src -> features -> settings-. UpdateSettingsForm.jsx needs to be hollowed out.
Hi, I'm following the tutorial on the Udemy. The css file gives me a large white space down there. Everything above the white space is html element. So I suspect height: 100vh
doesn't work properly. But I'm not a css expert and cannot figure out how to fix it. I tried on Firefox but having the same issue.
the CSS for packing-list doesn't work properly.
related to .list ul overflow: scroll I think
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.