gatsby-source-graphql only shows 10 results

 https://stackoverflow.com/questions/63179173/gatsby-source-graphql-only-shows-10-results

I was experiencing the same issue with Graphql only returning the first 10 comments. I was able to get around this issue by specifying a first value in my query.

query {
    comments (first: 500) {
      ...
    }
}

The current GraphQL Edge schema likely has 10 as a default value for first.

How do I conditionally add attributes to React components?

 https://stackoverflow.com/questions/31163693/how-do-i-conditionally-add-attributes-to-react-components

Apparently, for certain attributes, React is intelligent enough to omit the attribute if the value you pass to it is not truthy. For example:

const InputComponent = function() {
    const required = true;
    const disabled = false;

    return (
        <input type="text" disabled={disabled} required={required} />
    );
}

will result in:

<input type="text" required>

Update: if anyone is curious as to how/why this happens, you can find details in ReactDOM's source code, specifically at lines 30 and 167 of the DOMProperty.js file.

CSS opacity only to background color, not the text on it?

 https://stackoverflow.com/questions/5135019/css-opacity-only-to-background-color-not-the-text-on-it

It sounds like you want to use a transparent background, in which case you could try using the rgba() function:

rgba(R, G, B, A)

R (red), G (green), and B (blue) can be either <integer>s or <percentage>s, where the number 255 corresponds to 100%. A (alpha) can be a <number> between 0 and 1, or a <percentage>, where the number 1 corresponds to 100% (full opacity).

RGBa example

background: rgba(51, 170, 51, .1)    /*  10% opaque green */ 
background: rgba(51, 170, 51, .4)    /*  40% opaque green */ 
background: rgba(51, 170, 51, .7)    /*  70% opaque green */ 
background: rgba(51, 170, 51,  1)    /* full opaque green */ 

A small example showing how rgba can be used.

How to safely upgrade from MariaDB 10.x to 10.3 without losing data

 https://www.ryadel.com/en/mariadb-10-upgrade-10-3-without-losing-data-how-to/

#1: Perform a full backup

The first thing to do is to perform a full backup of the whole MariaDB server instance. To do so, I strongly suggest you to read this MySQL/MariaDB backup tutorial using the free mysqldump command-line tool. In very short words, here’s the one-liner:

StaticImage

  import React , { useEffect , useRef } from "react" import { StaticImage } from "gatsby-plugin-image" impor...