wesbos

wesbos

I create courses that make learning things like JavaScript easy and fun 🔥

Member Since 11 years ago

me, Hamilton, Ontario

Experience Points
2.63w
follower
Lessons Completed
31
follow
Lessons Completed
115
stars
Best Reply Awards
293
repos

623 contributions in the last year

Pinned
⚡ Slam Dunk JavaScript
⚡ 30 Day Vanilla JS Challenge
⚡ Starter files for learning React.js with React for Beginners
⚡ Ask me anything!
⚡ Starter Files and Solutions for Full Stack Advanced React and GraphQL
⚡ dad jokes
Activity
Nov
28
1 day ago
push

wesbos push wesbos/Advanced-React

wesbos
wesbos

update sick-fits starter @apollo/client and graphql packages

wesbos
wesbos

update @apollo/client and graphql in finished application files

wesbos
wesbos

Merge pull request #282 from Asjas/update-apollo-graphql-packages

commit sha: 85eb9792a1ec70949699a82af190fa8b57f7d1e9

push time in 19 hours ago
pull request

wesbos pull request wesbos/Advanced-React

wesbos
wesbos

Update `@apollo/graphql` and `graphql` npm packages

Hi @wesbos , 👋

A couple of people have been getting an error TypeError: Request with GET/HEAD method cannot have body. Backend is unreachable. Is it running? when they query the Products from Keystone. Updating the @apollo/client and graphql version to a newer version fixes the error that they got.

This PR updates both packages for the starter code and finished application code 🙂

Nov
26
3 days ago
Activity icon
issue

wesbos issue wesbos/Syntax

wesbos
wesbos

Mobile doesn’t change URL when selecting an episode

Anyone want to take a peek into why? iOS does not change the URL when you click on a show

Nov
25
4 days ago
Activity icon
issue

wesbos issue comment wesbos/wesbos

wesbos
wesbos

Incorrect `querySelectorAll()`

Replace [role="tab"] with [role="tabpanel"]

push

wesbos push wesbos/wesbos

wesbos
wesbos

Incorrect querySelectorAll()

Replace [role="tab"] with [role="tabpanel"]

wesbos
wesbos

Merge pull request #285 from Joehoel/patch-1

Incorrect querySelectorAll()

commit sha: a4029212f4f38702d278b8de35a348b4e250deb8

push time in 3 days ago
pull request

wesbos pull request wesbos/wesbos

wesbos
wesbos

Incorrect `querySelectorAll()`

Replace [role="tab"] with [role="tabpanel"]

push

wesbos push wesbos/Wes-Bos-Video-Notes

wesbos
wesbos

Update 2 - Tooling and Starter File Setup - 455597472.md

commit sha: d0d9728f20e04ab75137e3fcdde0dc566d7adff0

push time in 3 days ago
pull request

wesbos pull request robinjonsson/react-use-sticky

wesbos
wesbos

Return if there is no ref

Sometimes while you are waiting for data, you need to return early from a component and then this hook gets mad because there isn't a ref for it.

Activity icon
fork

wesbos forked robinjonsson/react-use-sticky

⚡ A react hook for observing/watching sticky state on refs
wesbos Updated
fork time in 3 days ago
Nov
23
6 days ago
push

wesbos push wesbos/React-For-Beginners-Starter-Files

wesbos
wesbos

remove empty lock-file in root directory

wesbos
wesbos

update starter npm packages and lock-file

wesbos
wesbos

update finished app npm packages and lock-file

wesbos
wesbos

Merge pull request #182 from Asjas/update-npm-packages

Update starter and finished app npm packages

commit sha: 843e889fac96d9d11d56c37a67d9f454dffb2b7b

push time in 5 days ago
pull request

wesbos pull request wesbos/React-For-Beginners-Starter-Files

wesbos
wesbos

Update starter and finished app npm packages

Hey @wesbos 👋

I was able to update most of the npm packages to their latest releases.

The only 2 that caused an issue was Firebase 9 (which I updated to 8.10.0) and React-Router-DOM v6 (which I updated to 5.3.0).

I tested on the finished app and I was able to create a store, authenticate, load the sample fishes, added items to the Orders (cart) and I was able to edit fishes and the content updates in real-time with no issues.

Everything seems like it's working and I received no errors in the console and nothing crashed. 🔥 😄

Activity icon
issue

wesbos issue comment wesbos/React-For-Beginners-Starter-Files

wesbos
wesbos

Update starter and finished app npm packages

Hey @wesbos 👋

I was able to update most of the npm packages to their latest releases.

The only 2 that caused an issue was Firebase 9 (which I updated to 8.10.0) and React-Router-DOM v6 (which I updated to 5.3.0).

I tested on the finished app and I was able to create a store, authenticate, load the sample fishes, added items to the Orders (cart) and I was able to edit fishes and the content updates in real-time with no issues.

Everything seems like it's working and I received no errors in the console and nothing crashed. 🔥 😄

wesbos
wesbos

Beauty! Looks good thanks a ton. I expected the React Router 6 to break, but that isn't a biggie. This whole course will get a re-record after advanced react.

thanks again

push

wesbos push wesbos/Advanced-React

wesbos
wesbos

add missing fakeitem photo fields

wesbos
wesbos

add missing create_product_mutation export

wesbos
wesbos

Merge pull request #279 from Asjas/update-testing-utils

Update testing utils

commit sha: 51cf5a62a447df32c74e8bc11532d9aba8f78565

push time in 5 days ago
pull request

wesbos pull request wesbos/Advanced-React

wesbos
wesbos

Update testing utils

Hey Wes,

The lib/testUtils.js file was missing 2 fields for the fakeItem function for the Image data. 🙂

I also added an export for the CREATE_PRODUCT_MUTATION that was missing in the CreateProduct.js file in the finished application code.

I also fixed the initial state of the CreateProduct.js file, it was causing the test to fail as it was adding the text content onto the initial state instead of replacing it.

push

wesbos push wesbos/Advanced-React

wesbos
wesbos

update starter frontend npm lockfile

wesbos
wesbos

update finished frontend npm lockfile

wesbos
wesbos

Merge pull request #278 from Asjas/update-npm-lockfile

Update frontend npm lock-files

commit sha: f84266d850d4206fc3b7c2581f3a8ca9a00f90b7

push time in 5 days ago
Activity icon
issue

wesbos issue comment wesbos/Advanced-React

wesbos
wesbos

Update frontend npm lock-files

Hey @wesbos 👋

A couple of learners have found that they get a TypeError: Cannot read property 'prefetch' of null in the Nav.test.js test, when I suggested that they delete the package-lock.json file and reinstall the npm packages their issue disappears.

It seems there is an issue with a package version in the current lock-file so I re-generated both for the frontend of both the starter files and the finished files.

pull request

wesbos pull request wesbos/Advanced-React

wesbos
wesbos

Update frontend npm lock-files

Hey @wesbos 👋

A couple of learners have found that they get a TypeError: Cannot read property 'prefetch' of null in the Nav.test.js test, when I suggested that they delete the package-lock.json file and reinstall the npm packages their issue disappears.

It seems there is an issue with a package version in the current lock-file so I re-generated both for the frontend of both the starter files and the finished files.

Nov
20
1 week ago
Nov
15
2 weeks ago
Activity icon
issue

wesbos issue comment wesbos/eslint-config-wesbos

wesbos
wesbos

Parsing error: Cannot find module '@babel/preset-react'

Hi there - It's been a while that I'm using wesbos awesome setup and when I create a fullstack project structure folder, I always get this error: Parsing error: Cannot find module '@babel/preset-react'.

  • The module '@babel/preset-react' is indeed there under node_modules.
  • Tried to npm install --save-dev @babel/preset-react

I've noticed that it's only happening when I create this project structure:

  1. I create a projectx folder and add in it: projectx-frontend and it's working fine at this point.
  2. I then add another folder in the main folder projectx: projectx-backend
  3. But if I have a main folder in vscode with the front and back files, I get this error...

-- projectx -> npm init -y and use npm i concurrently, this create Cannot find module '@babel/preset-react' -- projectx-frontend -> npx install-peerdeps --dev eslint-config-wesbos WORKS FINE alone without main folder -- projectx-backend -> npx install-peerdeps --dev eslint-config-wesbos WORKS FINE alone without main folder

Anyone can help on this please? Thanks in advance.

Screenshot 2021-10-31 at 10 44 01

wesbos
wesbos

@Learning-X i assume this is your issue as well. Please re-open if its not

Activity icon
issue

wesbos issue wesbos/eslint-config-wesbos

wesbos
wesbos

Parsing error: Cannot find module '@babel/preset-react'

Hi there - It's been a while that I'm using wesbos awesome setup and when I create a fullstack project structure folder, I always get this error: Parsing error: Cannot find module '@babel/preset-react'.

  • The module '@babel/preset-react' is indeed there under node_modules.
  • Tried to npm install --save-dev @babel/preset-react

I've noticed that it's only happening when I create this project structure:

  1. I create a projectx folder and add in it: projectx-frontend and it's working fine at this point.
  2. I then add another folder in the main folder projectx: projectx-backend
  3. But if I have a main folder in vscode with the front and back files, I get this error...

-- projectx -> npm init -y and use npm i concurrently, this create Cannot find module '@babel/preset-react' -- projectx-frontend -> npx install-peerdeps --dev eslint-config-wesbos WORKS FINE alone without main folder -- projectx-backend -> npx install-peerdeps --dev eslint-config-wesbos WORKS FINE alone without main folder

Anyone can help on this please? Thanks in advance.

Screenshot 2021-10-31 at 10 44 01

Activity icon
issue

wesbos issue comment wesbos/eslint-config-wesbos

wesbos
wesbos

Parsing error: Cannot find module '@babel/preset-react'

Hi there - It's been a while that I'm using wesbos awesome setup and when I create a fullstack project structure folder, I always get this error: Parsing error: Cannot find module '@babel/preset-react'.

  • The module '@babel/preset-react' is indeed there under node_modules.
  • Tried to npm install --save-dev @babel/preset-react

I've noticed that it's only happening when I create this project structure:

  1. I create a projectx folder and add in it: projectx-frontend and it's working fine at this point.
  2. I then add another folder in the main folder projectx: projectx-backend
  3. But if I have a main folder in vscode with the front and back files, I get this error...

-- projectx -> npm init -y and use npm i concurrently, this create Cannot find module '@babel/preset-react' -- projectx-frontend -> npx install-peerdeps --dev eslint-config-wesbos WORKS FINE alone without main folder -- projectx-backend -> npx install-peerdeps --dev eslint-config-wesbos WORKS FINE alone without main folder

Anyone can help on this please? Thanks in advance.

Screenshot 2021-10-31 at 10 44 01

Activity icon
issue

wesbos issue comment wesbos/eslint-config-wesbos

wesbos
wesbos

Parsing error: Cannot find module '@babel/preset-react'

Hi there - It's been a while that I'm using wesbos awesome setup and when I create a fullstack project structure folder, I always get this error: Parsing error: Cannot find module '@babel/preset-react'.

  • The module '@babel/preset-react' is indeed there under node_modules.
  • Tried to npm install --save-dev @babel/preset-react

I've noticed that it's only happening when I create this project structure:

  1. I create a projectx folder and add in it: projectx-frontend and it's working fine at this point.
  2. I then add another folder in the main folder projectx: projectx-backend
  3. But if I have a main folder in vscode with the front and back files, I get this error...

-- projectx -> npm init -y and use npm i concurrently, this create Cannot find module '@babel/preset-react' -- projectx-frontend -> npx install-peerdeps --dev eslint-config-wesbos WORKS FINE alone without main folder -- projectx-backend -> npx install-peerdeps --dev eslint-config-wesbos WORKS FINE alone without main folder

Anyone can help on this please? Thanks in advance.

Screenshot 2021-10-31 at 10 44 01

wesbos
wesbos

You have opened a folder called "2. JS" and no the beginner-javascript folder.

Close your editor and open the beginner-javascript folder as the root.

More info here: https://github.com/wesbos/Wes-Bos-Video-Notes/blob/master/BJS/5%20-%20Code%20Quality%20Tooling%20with%20Prettier%20and%20ESLint%20-%20375475807.md

Activity icon
issue

wesbos issue comment wesbos/eslint-config-wesbos

wesbos
wesbos

Failed to load parser '@babel/eslint-parser' declared in '.eslintrc » eslint-config-wesbos':

I was getting the following error after upgrading to 2.0 (vscode) Error:

Failed to load parser '@babel/eslint-parser' declared in '.eslintrc » eslint-config-wesbos': Cannot find module '@babel/core/package.json' 
Require stack: 
- /home/maciek/Dokumenty/websites/bookingapp/admin-frontend/node_modules/@babel/eslint-parser/lib/parse.cjs
-  - /home/maciek/Dokumenty/websites/bookingapp/admin-frontend/node_modules/@babel/eslint-parser/lib/index.cjs 
- /home/maciek/Dokumenty/websites/bookingapp/admin-frontend/node_modules/@eslint/eslintrc/lib/config-array-factory.js
-  - /home/maciek/Dokumenty/websites/bookingapp/admin-frontend/node_modules/@eslint/eslintrc/lib/index.js 
- /home/maciek/Dokumenty/websites/bookingapp/admin-frontend/node_modules/eslint/lib/cli-engine/cli-engine.js 
- /home/maciek/Dokumenty/websites/bookingapp/admin-frontend/node_modules/eslint/lib/cli-engine/index.js - /home/maciek/Dokumenty/websites/bookingapp/admin-frontend/node_modules/eslint/lib/api.js
-  - /home/maciek/.vscode/extensions/dbaeumer.vscode-eslint-2.1.25/server/out/eslintServer.js

I have fixed it by doing

npm install --save-dev @babel/core

Not sure if it's an issue with eslint-config-webos or something on my side.

Activity icon
issue

wesbos issue comment wesbos/eslint-config-wesbos

wesbos
wesbos

Parsing error: Cannot find module '@babel/preset-react'

Hi there - It's been a while that I'm using wesbos awesome setup and when I create a fullstack project structure folder, I always get this error: Parsing error: Cannot find module '@babel/preset-react'.

  • The module '@babel/preset-react' is indeed there under node_modules.
  • Tried to npm install --save-dev @babel/preset-react

I've noticed that it's only happening when I create this project structure:

  1. I create a projectx folder and add in it: projectx-frontend and it's working fine at this point.
  2. I then add another folder in the main folder projectx: projectx-backend
  3. But if I have a main folder in vscode with the front and back files, I get this error...

-- projectx -> npm init -y and use npm i concurrently, this create Cannot find module '@babel/preset-react' -- projectx-frontend -> npx install-peerdeps --dev eslint-config-wesbos WORKS FINE alone without main folder -- projectx-backend -> npx install-peerdeps --dev eslint-config-wesbos WORKS FINE alone without main folder

Anyone can help on this please? Thanks in advance.

Screenshot 2021-10-31 at 10 44 01

wesbos
wesbos

Are you opening the folder that has the .eslint file in it? Or a parent folder? I know @Asjas was mentioning a few people having this on my tuts

Activity icon
issue

wesbos issue comment wesbos/wesbos

wesbos
wesbos

fix width for ultra-wide class in layout.js

I think it is best to minimize it a bit. Because in this case, it makes reading difficult on large screens and unpleasant to read, especially while reading articles that take the appearance of a blog. the value I think it should be 930px or 800px something like that

wesbos
wesbos

Oh man yeah this shouldn't be the case. Most of the blog is fixed at 800px wide. Let me dig a little more

push

wesbos push wesbos/wesbos

wesbos
wesbos

fix(19-closures): Fix typo

wesbos
wesbos

Merge pull request #283 from leighfall/patch-6

fix(19-closures): Fix typo

commit sha: 0129fa9e4b786d0fb1380dd71b6aff7b83c58168

push time in 1 week ago
pull request

wesbos pull request wesbos/wesbos

wesbos
wesbos

fix(19-closures): Fix typo

Previous