Echo JS 0.11.0

<~>

tracker1 comments

tracker1 1532 days ago. link 1 point ▲ ▼
For more/similar details, these two books from Steve Souders are good reads, and very relevant.

1. High Performance Web Sites
2. Even Faster Web Sites
tracker1 1533 days ago. link 1 point ▲ ▼
Alternatively to using Firebae... Self-hosting CockroachDB, FaunaDB, Cloudflare KV+Workers, Azure Storage Tables, DynamoDB and other databases behind an API or Cloudflare Workers are some other options as well for backend storage.
tracker1 1536 days ago. link 1 point ▲ ▼
While I do appreciate the approach... I would note that if you're using TypeScript in a supporting editor (VS Code, for example), the initial approach is pretty reasonable.

Another bit worth mentioning... is the F# style pipeline operator proposal, if you're using Babel. [1]

1. https://github.com/tc39/proposal-pipeline-operator
tracker1 1536 days ago. link 1 point ▲ ▼
Given the ability to effectively DDoS a server, I'd say it's indeed a threat.

Even in some validation libraries, you'll find some really poor evaluations.  For example, doing input validation while typing on an email input field can get pretty nasty, pretty quickly in a couple of the validation frameworks I've used.  It was faster/easier to use a simpler validation first, before the more broad validation... (splitting on '@', checking for 2 parts, length and verifying the parts separately), even limiting the length before/after the '@' in practical terms.  Of course, this was only a client-side issue... but it's still an issue.
tracker1 1541 days ago. link 1 point ▲ ▼
Not sure who votes all of this series down... if you'd be willing to comment why, I'd appreciate it.
tracker1 1542 days ago. link 1 point ▲ ▼
Do *NOT* use a css file for this... use makeStyles and put it in/with your component.

    const useStyles = makeStyles((theme) => ({
      moreLinks: {
        width: '100%',
        borderRadius: 30,
        fontWeight: '700',
        justifyContent: 'unset',
        fontSize: 20,
        marginRight: 20,
        textTransform: 'inherit',
        color: 'black',
        height: 60,
        paddingLeft: 10,
        paddingRight: 30,
        marginBottom: 5,
        '& .MuiSvgIcon-root': {
          marginRight: 10,
        },
        '&:hover': {
          // ...
        }
        // ...
      }
    }));

    // inside component
      const classes = useStyles
      // ... passdown className to child render
      <SidebarLink className={classes.moreLinks} text="More" Icon={MoreHorizIcon} />
[more]