flaviocopes / website-content Goto Github PK

post/node/package-json/index.md explains different version symbols like ^ and ~. It seems that you tried to keep things simple by only giving general rules. The examples used in explaining ^ is wrong, ^0.13.0 won’t match 0.14.0 since 13 is the leftmost non-zero digits. You can verify this by running semver -r ^0.13.0 0.13.1 0.14.0.

First of all, brilliant tutorial - once of the clearest and easiest to use that I have found.

I did run into one small issue, using HttpLink caused cors errors on my machine when trying to connect to GitHub.

I changed to using createHttpLink and everything seemed to work fine :)

The two changes I needed were:

Line 4: change

import { HttpLink } from 'apollo-link-http'

to

import { createHttpLink } from "apollo-link-http";

and

Line 12: change

const httpLink = new HttpLink({ uri: 'https://api.github.com/graphql' })

to

const httpLink = new createHttpLink({ uri: 'https://api.github.com/graphql' })

Maybe it was just me, but thought I'd let you know. Thanks again for a great tutorial :)

Right now I'm looking for the post you made about hosting your own static blog using Hugo and I can't find it. I'm pretty sure you had a good one but can't find it in my bookmarks or using the search function. If I go here: https://flaviocopes.com/netlify/ the first sentence mentions the "netlify" tutorial but the url points to the same url you're currently on. Not sure if you got rid of that post, if so, can you point me to where it is here on github? Love your content. Thanks!

This article gives incorrect and potentially dangerous advice about how to solve npm global installation errors. The more correct way to deal with the permission errors is to create a user-owned directory for global modules, as detailed in the npm docs.

Hi @flaviocopes, you cannot create a Readable without implementing a read or _read method

Just fyi:

https://flaviocopes.com/page/ebooks/

Hi there, not exactly an issue, but I found this to be the quickest way to leave you a comment on a minor improvement on your string JS capitalization (https://flaviocopes.com/how-to-uppercase-first-letter-javascript/).

Here you can capitalize a whole string with more than one word using vanilla JS, specially useful for names. You may call it namelify to differentiate it from original.

Cheers!

String.prototype.capitalize = function() {
  return this.split(" ").map(function(elem) { return elem.charAt(0).toUpperCase() + elem.slice(1)}).join(" ")
}

re: https://flaviocopes.com/javascript-async-await-array-map.

maybe something like this:

const wait = time => {
  return new Promise(resolve => setTimeout(resolve, time))
}

const someFn = async (item) => {
  await wait(2000)
  console.log(item)
}

// in series
const example = async () => {
for (const item of ['first', 'second', 'third']) {
  await someFn(item)
}
}

example(); 
// 0s
// 2s - 'first'
// 4s - 'second'
// 6s - 'third'

source

In post/how-to-node/how-to-handle-file-uploads-node/index.md, there seems to be a piece of missing code between const path .. and image.mv .. in the third code snippet.

The example here does not provide the desired result: https://github.com/flaviocopes/website-content/blob/content/post/javascript/javascript-async-await-array-map/index.md

The resulting log is a promise object - because async functions don't return the resolved value.

Here is a stackblitz that runs your code from this page: https://stackblitz.com/edit/typescript-tky1fv

Notice the log which is just a Promise object.

After running the code an error pops up saying 'express-validator/check' is deprecated so use express-validator instead.

Can you update the page?

How to use Async and Await with Array.prototype.map() page uses return await. This is not recommended as it creates additional unnecessary promises. Eslint also gives it a warning.

I think this page may need updating.

You need to pass --save or --save-dev to npm install in order for the package.json and package-lock.json to be updated.

On the file:
https://github.com/flaviocopes/website-content/blob/content/post/javascript/javascript-global-object/index.md

on line 241 it says

// "http%3A%2F%2Fflaviocopes.com%2F%20hey!%2F"

where it should say

// "http%3A%2F%2Fwww.example.org%2Fa%20file%20with%20spaces.html"

I think, It's more accurate if you replace '-char' with '^$char' to match the example

I can no longer see the moon dark/light icon. I can't pinpoint what but other website elements seem to be missing as well.

Hello.
ES6 Job Queue Section in https://flaviocopes.com/javascript-event-loop/ page is wrong about Promise.
You say about Promise - "It’s a way to execute the result of an async function as soon as possible, rather than being put at the end of the call stack."
This is absolutely false.
Promise help to us escape callback hell not run async function as soon as possible.
Please change this text.

Incorrect

Script example in https://flaviocopes.com/how-to-get-yesterday-date-javascript/ may behave unexpectedly at midnight - there is a chance that today and yesterday will point to different dates:

const today = new Date() // 15 Oct 2019 23:59:59
const yesterday = new Date() // 16 Oct 2019 00:00:00

yesterday.setDate(yesterday.getDate() - 1)

today.toDateString() // "Tue Oct 15 2019"
yesterday.toDateString() // "Tue Oct 15 2019"

To avoid this and similar errors, construct yesterday from current date object

const today = new Date()
const yesterday = new Date(today)

In general, when working with date calculations, there should be only one point where current date/time is retrieved. Time goes by and there's no guarantee that two consequent new Date(); new Date(); will return the same time.

P.S. There's even no guarantee that they will return the same or increasing time, because system clock may be adjusted backwards in the moment between our calls. Monotonic clock is accessed from JavaScript via performance.now() in browsers and via process.hrtime() in Node.

I think, It's more accurate if you replace -char with ^$char to match the example

The require('./server') in the server/index.js causes an exception to be thrown when running the node server/index.js command.
This part

Let's create an entry point in server/index.js:

require('ignore-styles')

require('@babel/register')({
  ignore: [/(node_modules)/],
  presets: ['@babel/preset-env', '@babel/preset-react']
})

require('./server')

Great tutorial on Javascript Regular expressions. Thanks.

Typo: "It could also contains"
Fix: "It could also contain"

Hey,

while looking for a good way of diving an array into pieces, I found your 2 blog posts

1. https://flaviocopes.com/how-to-cut-array-half-javascript/
2. https://flaviocopes.com/how-to-divide-array-js/

In those 2 posts you use the Array splice method, but I think you meant slice (without "p"). 😉

PS: I found no other way of contacting you about this (except twitter, which I don't have an account for) ^^