wa1987
That's a fairly… direct way of putting it :-)
Anyway:
1. What are the key differences in terms of usage and use cases?
2. Why isn't Deno a 'wholesale' replacement for Node?
3. In which respect are the vastly differently inner workings relevant in regards to usage of both products?
Or use named volumes. I'm running a dockerized WordPress dev environment on my MacBook with average TTFB's of 40 ms.
It's 2020 and you still use loops? ;-)
There's also other useful utilities such as Promise.all(), Promise.any() and Promise.race().
https://stackoverflow.com/questions/36419713/are-es6-classes...
Source?
https://htdp.org/2020-8-1/Book/part_two.html
By far the greatest educational piece I've come across on this subject matter.
Interesting. One would assume that most spammers use automated browsers with JavaScript enabled.
Incorrect DOM-output is likely caused by common mistakes (e.g. conditional rendering based on `typeof window !== 'undefined'`) which screw up rehydration. Dealt with it in the past and seen a lot of developers struggle with it. This article describes it well:
https://joshwcomeau.com/react/the-perils-of-rehydration/
Gigantic page-data.json files are caused by querying more data than necessary to render a given template/component. Let's say you define a component named `EmployeeCard` that renders a name and photo given an `employeeId`. Now you need to query all employees and render the right one using `.find()`. All this data (including base64 thumbnails) ends up in page-data.json, even if you need to render a only single employee.
This is solved by querying only the relevant employee(s) in the template and provide the data (name + photo) directly to the `EmployeeCard` component as props.
I've developed quite a few websites using Gatsby (mostly backed by various GraphQL API's such as WPGraphQL and Strapi) and while there's lots to learn, it's been an enjoyable experience so far.
https://codepen.io/willem-aart/pen/oNxwRXY?editors=1100
This is impossible to achieve with CSS Grid.
One might alternatively approach this 'cluster layout' using inline-block elements. However, these elements would then be separated by space characters and the width of the space would be added to any applied margins. These issues could possibly be resolved by resorting to hacks such as setting font-size: 0 on the parent. Not pretty.
On the other hand, when using flexbox, space characters between flex childs are ignored which makes it a good fit for this kind of layout.
Some layouts are impossible with Grid but a perfect fit for Flexbox and vice versa.
`
/* product of luminance and dot product of surface normal and light direction divided by scattering constant */
const prod = ...
`