profile
viewpoint
Wes Bos wesbos me Hamilton, Ontario www.wesbos.com I create courses that make learning things like JavaScript easy and fun 🔥

public-apis/public-apis 84361

A collective list of free APIs for use in software and web development.

wesbos/Advanced-React 2554

Starter Files and Solutions for Full Stack Advanced React and GraphQL

wesbos/aprilFools.css 1271

Harmlessly goof up your co-workers browser and chrome dev tools

wesbos/ama 279

Ask me anything!

wesbos/advanced-react-rerecord 156

Trying things out. Feel free to follow along

gf3/WAT 103

LOLWAT?

wesbos/app 30

👀

wesbos/awesome-dev-podcasts 13

a curated list of awesome dev podcasts and why

wesbos/Animate.css-Tutorial 11

Files for the Animate.css Tutorial

issue closedwesbos/slicks-slices

Investigate Gatsby Themes

closed time in 15 hours

wesbos

push eventwesbos/slicks-slices

Wes Bos

commit sha 54561ddc5f400d1ad419e98f2447187bc3e25b55

Slicemaster layout

view details

push time in 15 hours

issue commentwesbos/slicks-slices

slicemasters descriptions + styles

https://twitter.com/wesbos/status/1258058277021192192

wesbos

comment created time in 5 days

push eventwesbos/Syntax

Wes Bos

commit sha d19bd82ac29d543cce7ad6308e0c46ed6ff3d64a

Update 250 - scott teaches wes.md

view details

push time in 5 days

pull request commentwesbos/wesbos

feat: Add gatsby-remark-embedder

hey this is awesome - thanks a ton!

MichaelDeBoey

comment created time in 5 days

push eventwesbos/wesbos

Michaël De Boey

commit sha 0afee8224a522f129bacba330a54119a04fa0cf0

Add gatsby-remark-embedder

view details

Michaël De Boey

commit sha 9878344d67924cd53fb292353276a1de6d11d321

Replace CodePen embeds with pen links

view details

Michaël De Boey

commit sha b7df93257d6800b441dd0ba3f0ca9d66cfc46723

Replace Twitter embeds with tweet links

view details

Michaël De Boey

commit sha c9119934034a5665d7f8c5bdfa819365b0f5b11b

Replace YouTube embeds with video links

view details

Wes Bos

commit sha 60f66833de49af3f82c9fd6f5a5ae1b565973c61

Merge pull request #73 from MichaelDeBoey/gatsby-remark-embedder feat: Add gatsby-remark-embedder

view details

push time in 5 days

PR merged wesbos/wesbos

feat: Add gatsby-remark-embedder
  • Add gatsby-remark-embedder
  • Replace CodePen embeds with pen links
  • Replace Twitter embeds with tweet links
  • Replace YouTube embeds with video links
+297 -302

2 comments

51 changed files

MichaelDeBoey

pr closed time in 5 days

push eventwesbos/wesbos

Alex Kharouk

commit sha a32ddd85aa3e76d5b7a738ee145cddc81f0ee9a7

TYPO: fix spelling of milliseconds.

view details

Wes Bos

commit sha 1c82f3e9ec0b50aed6e8e73e105a0df51e0a95fe

Merge pull request #78 from Kharouk/patch-typo-1 TYPO: fix spelling of milliseconds.

view details

push time in 5 days

pull request commentwesbos/wesbos

TYPO: fix spelling of milliseconds.

thanks!

Kharouk

comment created time in 5 days

PR merged wesbos/wesbos

TYPO: fix spelling of milliseconds.

Hey Wes, love the tutorials and the podcast.

Spotted this typo whilst browsing your about page.

Have a good one!

+1 -1

2 comments

1 changed file

Kharouk

pr closed time in 5 days

pull request commentwesbos/wesbos

Update contact.js

thanks a ton!

bitcoinappdev

comment created time in 5 days

push eventwesbos/wesbos

bitcoinappdev

commit sha 2f7c458c79f5be28756c8b930a3a6274d07a2ef0

Update contact.js Include "freelancer" in "hire a Juno College freelancer" link anchor text

view details

Wes Bos

commit sha ff7ccde8c6a78c0d5fbb6b0ef41700b54ddc5688

Merge pull request #81 from bitcoinappdev/patch-1 Update contact.js

view details

push time in 5 days

PR merged wesbos/wesbos

Update contact.js

Include "freelancer" in "hire a Juno College freelancer" link anchor text

+2 -2

1 comment

1 changed file

bitcoinappdev

pr closed time in 5 days

CommitCommentEvent

pull request commentwesbos/Syntax

updated MD for show #250 to fix unexpected token Issue

Thanks!

drubiodev

comment created time in 7 days

PR merged wesbos/Syntax

updated MD for show #250 to fix unexpected token Issue

on page load was getting Uncaught SyntaxError: Unexpected token ',' was preventing show 250 from playing.

in MD file wrapped code in lines 29,30 in ticks

+2 -2

0 comment

1 changed file

drubiodev

pr closed time in 7 days

push eventwesbos/Syntax

Daniel Rubio

commit sha 5312e89d90215b7c6c61928f7634c627710e1dcb

updated MD for show #250 to fix unexpected token

view details

Wes Bos

commit sha c1c28ca6c83494090609591450400b0031db8dc0

Merge pull request #499 from drubiodev/master updated MD for show #250 to fix unexpected token Issue

view details

push time in 7 days

push eventwesbos/wesbos

Wes Bos

commit sha ff995568df4432ed30cc301018bd255d5aca0ba1

Update contact.js

view details

push time in 7 days

push eventwesbos/JavaScript30

Wes Bos

commit sha c90bf52eb5d53b96709f4f9768cc0ee03e3631c5

update snap location

view details

push time in 7 days

push eventwesbos/JavaScript30

Wes Bos

commit sha 1f1f6f5b2f2c00e401555df553368dddedfd3bee

Add snap locally

view details

push time in 7 days

issue commentwesbos/advanced-react-rerecord

Replace getInitialProps with getStaticProps or getServerSideProps

Doesn’t look like next-with-Apollo works with this. I tried it with no success

zorzysty

comment created time in 7 days

issue commentapollographql/react-apollo

SSR not waiting for queries to resolve

Yeah I've run into situations where loading is true, but the data is also there. I think that is the core of this issue

klaaz0r

comment created time in 8 days

issue commentapollographql/apollo-client-devtools

Firefox support

Yessss! thanks everyone! This issue can be closed :)

avrelaun

comment created time in 8 days

issue commentapollographql/react-apollo

SSR not waiting for queries to resolve

Yeah it's broken again for me, unsure if it's next-with-apollo, react-apollo, or something else down the line. Sort of just sitting on it and hoping it gets fixed because I don't think there is anything wrong with my code.

klaaz0r

comment created time in 12 days

issue closedwesbos/slicks-slices

Move Order to context

closed time in 12 days

wesbos

push eventwesbos/slicks-slices

Wes Bos

commit sha 9209cba0ee092fecbd15000ecf496aa7918bd9e3

move order to context

view details

push time in 12 days

issue openedmicrosoft/vscode

Add "Add all Missing Imports" to JavaScript files

<!-- ⚠️⚠️ Do Not Delete This! feature_request_template ⚠️⚠️ --> <!-- Please read our Rules of Conduct: https://opensource.microsoft.com/codeofconduct/ --> <!-- Please search existing issues to avoid creating duplicates. -->

<!-- Describe the feature you'd like. -->

JavaScript files already have auto-import and it works really well, but it's missing the "Add all missing Imports" feature that .ts files get.

Take this code for example:

const OrderContext = React.createContext();

const OrderProvider = function({ children }) {
  const [order, setOrder] = useState();
  return (
    <OrderContext.Provider value={{ order }}>{children}</OrderContext.Provider>
  );
};

export default OrderContext;
export { OrderProvider };

You can go 1-by-1 and import the following:

import React, { useState, useEffect } from 'react';

If you go to a missing import, and hit ⌘+. to bring up the code actions on a .ts file, it gives you "add all missing imports":

Screen Shot 2020-05-15 at 11 23 21 AM

Rename that file to .js and that feature is missing:

Screen Shot 2020-05-15 at 11 18 54 AM

I could be wrong, but it seems like the tech is there, can we get this code action added for .js files too?

created time in 12 days

issue commentmicrosoft/vscode

Add keyboard shortcut for 'Add all missing imports'

FYI you can use ⌘ + . to bring this up with the keyboard

sandorvasas

comment created time in 12 days

issue closedwesbos/slicks-slices

OG Images

closed time in 12 days

wesbos

push eventwesbos/slicks-slices

Wes Bos

commit sha 1d9b6f0e199f515dca157c164aeec572ba9d63b7

OG images

view details

push time in 12 days

pull request commentjermbo/SampleAPIs

Correct Beer rating

fantastic -thanks a lot!

wesbos

comment created time in 13 days

push eventwesbos/slicks-slices

Wes Bos

commit sha 79c3a4097e40d5a5f73049d106fd60fe50a167ae

Loading screens

view details

push time in 13 days

pull request commentwesbos/wesbos

fix: Enable embedded tweets

thanks!

MichaelDeBoey

comment created time in 13 days

push eventwesbos/wesbos

Michaël De Boey

commit sha 4983651d86cf2f1ca805afdf62fba39b704c6630

Enable embedded tweets

view details

Wes Bos

commit sha d8ddfd4a61b3e32a35397aebb242375653ccc09f

Merge pull request #72 from MichaelDeBoey/enable-embedded-tweets fix: Enable embedded tweets

view details

push time in 13 days

PR merged wesbos/wesbos

fix: Enable embedded tweets

https://wesbos.com/wordpress-calypso-react has the blockquote, but not the embedded tweet

I fixed this by adding gatsby-plugin-twitter

+2 -0

2 comments

2 changed files

MichaelDeBoey

pr closed time in 13 days

pull request commentwesbos/wesbos

TYPO: incredible should be incredibly

thanks!

dkruggel

comment created time in 13 days

push eventwesbos/wesbos

David Kruggel

commit sha f49d50956df11677a024fedb39f709166f4cd657

TYPO: incredible should be incredibly Hey Wes, you and Scott are awesome on Syntax! The new website is dope!

view details

Wes Bos

commit sha 03ce32ef3aa033d8b25362986a90cfb04be1644f

Merge pull request #79 from dkruggel/patch-1 TYPO: incredible should be incredibly

view details

push time in 13 days

PR merged wesbos/wesbos

TYPO: incredible should be incredibly

Hey Wes, you and Scott are awesome on Syntax! The new website is dope!

+2 -2

1 comment

1 changed file

dkruggel

pr closed time in 13 days

pull request commentjermbo/SampleAPIs

Correct Beer rating

Haha thanks a ton :D I'm going to use this in my next course if that is okay?

wesbos

comment created time in 13 days

issue commentwesbos/slicks-slices

Page design

padding needs some work on the wrapper

wesbos

comment created time in 14 days

issue closedwesbos/slicks-slices

Manually Source Data somehow...

I want to show how to source data without using a plugin

closed time in 14 days

wesbos

issue closedwesbos/slicks-slices

Footer

closed time in 14 days

wesbos

issue closedwesbos/slicks-slices

favicon

closed time in 14 days

wesbos

push eventwesbos/slicks-slices

Wes Bos

commit sha ad6cfca34ea88efe421e3511365adf782595e911

favicon

view details

push time in 14 days

push eventwesbos/slicks-slices

Wes Bos

commit sha 2694d220e7e7d6753b6ee6e824978debc241998c

Add externally sourced data

view details

push time in 14 days

PR opened jermbo/SampleAPIs

Correct Beer rating

this was offensively low. Thanks for the cool API :)

+1 -1

0 comment

1 changed file

pr created time in 14 days

push eventwesbos/SampleAPIs

Wes Bos

commit sha 32acd88010f140bc453c08de455303fab785217d

Correct Beer rating

view details

push time in 14 days

fork wesbos/SampleAPIs

This repository is a playground for API's. These are just a collection of items that you can utilize for learning purposes.

https://sampleapis.com/

fork in 14 days

issue commentapollographql/apollo-client-devtools

Firefox support

Thank you @hwillson - we really appreciate the update here!

avrelaun

comment created time in 14 days

issue commentwesbos/slicks-slices

Manually Source Data somehow...

https://sampleapis.com/beers

wesbos

comment created time in 14 days

issue openedwesbos/slicks-slices

Move Order to context

created time in 14 days

issue openedwesbos/slicks-slices

Investigate Gatsby Themes

created time in 14 days

issue openedwesbos/slicks-slices

OG Images

created time in 14 days

issue openedwesbos/slicks-slices

Footer

created time in 14 days

issue openedwesbos/slicks-slices

Mobile Design

created time in 14 days

issue closedwesbos/slicks-slices

SEO / Meta Tags

closed time in 14 days

wesbos

push eventwesbos/slicks-slices

Wes Bos

commit sha d3b5097353690aa1169f18d215dcf80d44d919e9

SEO

view details

push time in 14 days

issue commentgatsbyjs/gatsby

Error: Reducers may not dispatch actions

For me it was changing siteMetaData to siteMetadata :)

bre7

comment created time in 14 days

pull request commentnetlify/cli

Add support for .env.development file

:D thank you for this!

RaeesBhatti

comment created time in 15 days

issue closedwesbos/slicks-slices

Deploy to Netlify

closed time in 15 days

wesbos

pull request commentwesbos/wesbot

Don't tweet back to myself 🤣

hahah thank you

garand

comment created time in 18 days

push eventwesbos/wesbot

Anthony Garand

commit sha 6a2d8a7e4ae0bb3a32b7b7eb62e3098ae9c7b04f

Don't tweet back to myself 🤣 (#4)

view details

push time in 18 days

PR merged wesbos/wesbot

Don't tweet back to myself 🤣

Should work, didn't setup an area to test it. 😄

+4 -0

0 comment

1 changed file

garand

pr closed time in 18 days

push eventwesbos/slicks-slices

Wes Bos

commit sha 38fcf28cd33180e5085efffa407a06fedc7cc03c

fix the font issue

view details

push time in 18 days

issue closedwesbos/slicks-slices

Home page realtime

data needs to refresh on load client side

closed time in 18 days

wesbos

issue commentwesbos/slicks-slices

Home page realtime

ya

wesbos

comment created time in 18 days

issue closedwesbos/slicks-slices

style filters

closed time in 18 days

wesbos

push eventwesbos/slicks-slices

Wes Bos

commit sha 10666aadc3c8504d721d4d2f73e47f67606b20d1

Style filters. closes #10

view details

push time in 18 days

issue openedwesbos/slicks-slices

Manually Source Data somehow...

I want to show how to source data without using a plugin

created time in 18 days

push eventwesbos/slicks-slices

Wes Bos

commit sha b78e212a799f5558309876f5993b0a7e427184d4

hm

view details

push time in 19 days

issue closedwesbos/slicks-slices

Order Form needs prices

closed time in 20 days

wesbos

issue closedwesbos/slicks-slices

Slicemasters

closed time in 20 days

wesbos

issue closedwesbos/slicks-slices

Implement Pagination

closed time in 20 days

wesbos

push eventwesbos/slicks-slices

Wes Bos

commit sha 67ff9fbe8e10a05ab46d06277bb325e7e0ed7356

slicemasters

view details

push time in 20 days

issue openedwesbos/slicks-slices

slicemasters descriptions + styles

created time in 20 days

issue openedwesbos/slicks-slices

style filters

created time in 20 days

issue openedwesbos/slicks-slices

favicon

created time in 20 days

issue openedwesbos/slicks-slices

Slicemasters

created time in 21 days

issue commentwesbos/slicks-slices

Home page realtime

dev API needs to be open for this

wesbos

comment created time in 21 days

issue openedwesbos/slicks-slices

Deploy to Netlify

created time in 21 days

push eventwesbos/my-tech-stack

Wes Bos

commit sha 4264595a39dcdb84cb5ad3e4db39299b79ebb5f7

Fix nav The problem was because you were mixing DOM apis and react. Because React manages the DOM for you, you need to do everything via React instead of using vanilla JS DOM apis.

view details

push time in 21 days

issue commentkentcdodds/bookshelf

App does not run in Safari and Firefox

If you take import {setupWorker } from 'msw' out of src/test/server.js, it runs. That's all I have :) haha really weird

motdde

comment created time in 21 days

issue commentkentcdodds/bookshelf

App does not run in Safari and Firefox

Really weird - I've pinned it down to something in server.js -if you comment the imports in and our, you can see it work/not work. It's not consistent though

motdde

comment created time in 21 days

issue commentkentcdodds/bookshelf

App does not run in Safari and Firefox

Try build it without that license comment. I believe It's a webpack setting that keeps comments that start with !

motdde

comment created time in 21 days

issue commentkentcdodds/bookshelf

App does not run in Safari and Firefox

Looks like the error is pointing to the first line, which is:

/*! For license information please see 2.e4f6d933.chunk.js.LICENSE.txt */

Maybe it's tripped up by /*!?

motdde

comment created time in 21 days

push eventwesbos/slicks-slices

Wes Bos

commit sha 7211c89806d3dc3f6cba0cd765edf2da0a6776c5

Orders

view details

push time in 21 days

issue openednetlify/cli

Support .env.development or config of dotenv

Gatsby uses .env.development out of the box, so if you use netlify dev, you have to manually configure gatsby to use a different file.

In the spirit of Netlify being easy to use, you should also check to .env.development or allow the user to configure what their file is named.

I believe the code is here?

https://github.com/netlify/cli/blob/master/src/commands/dev/index.js#L412

another note about mixing gatsby env variables with potentially sensitive serverless variables: Gatsby will only surface variables that start with GATSBY_ so this is not an issue

created time in 22 days

pull request commentnetlify/cli

Netlify Dev: Add support for .env files

Yeah this is confusing as Gatsby uses the above env files, not just.env

RaeesBhatti

comment created time in 22 days

issue closedwesbos/burner-email-providers

composer.json

Hi,

My issue https://github.com/wesbos/burner-email-providers/issues/183 was closed and I cannot get the response there so I'm creating a new one.

Could the removed file package.json be readded? I'm using this list in my Symfony validator https://github.com/secit-pl/validation-bundle#burneremail and added your composer.json to packagist. But when you removed the composer.json I'm no longer able to update the packagist details. This caused that all projects which are using my package cannot be updated and new packages cannot be installed. This can be fixed only by removing my package from the dependencies.

Adding a composer.json won't make any problem for you (the content of the previously present file is perfectly fine) and will help me and others in using the list in PHP projects.

closed time in 22 days

secit-pl

issue commentwesbos/burner-email-providers

composer.json

Sorry! All good now

secit-pl

comment created time in 22 days

push eventwesbos/slicks-slices

Wes Bos

commit sha a099a52e5961ce3c4365279d0864956c33ffc2d1

I'm happy with the design so stop

view details

push time in 25 days

issue openedwesbos/wesbos

Changed selected CSS colour on code blocks

image

Maybe try match it to VS Code?

image

created time in a month

pull request commentwesbos/wesbos

Putting the decoded URI Variables.

thanks!

RoyalRajdeep

comment created time in a month

push eventwesbos/wesbos

Rajdeep Gautam

commit sha 91bc7dbdc1e164db5e88984511c300bdacf5abbf

Putting the decoded URI Variables. In ../instagram.js it was decoded. Not here. Not sure if there was any specific reason. Makes it more readable when look at it.

view details

Wes Bos

commit sha 6c2b95b8d3097b4638bb53885121446c3c4c17f2

Merge pull request #74 from RoyalRajdeep/patch-1 Putting the decoded URI Variables.

view details

push time in a month

PR merged wesbos/wesbos

Putting the decoded URI Variables.

In ../instagram.js it was decoded. Not here. Not sure if there was any specific reason. Makes it more readable when looking at it.

+1 -1

1 comment

1 changed file

RoyalRajdeep

pr closed time in a month

pull request commentwesbos/wesbos

Fix assignment typo

thanks!

Miosame

comment created time in a month

push eventwesbos/wesbos

Miosame

commit sha f15b87468d0adf12578668e0c982695beed960a7

Fix assignment typo

view details

Wes Bos

commit sha cf03b05223d09dfac521ec2fe0205cc9a3408f99

Merge pull request #75 from Miosame/patch-1 Fix assignment typo

view details

push time in a month

PR merged wesbos/wesbos

Fix assignment typo

The assignment has missing quotes, the second change is most likely because the emoji got edited while editing on mobile (maintainer edits are on, so you can just cherry pick it away)

+2 -2

1 comment

1 changed file

Miosame

pr closed time in a month

more