Good writing and learning

1. Vue3 may support vue2 compiled components twitter.com/youyuxi/sta…

2. A comparison of the next generation of build tools css-tricks.com/comparing-t…

3. MDH(Make Developer Happier) Front-end consulting project fe-cool.github. IO /news/

4. Code name of previous VUE projects github.com/egoist/alwa…

Vue 3.0 is a one-piece, in fact, each minor and Major version of Vue has a corresponding animation code name

5. Chrome released 90 developer.chrome.com/blog/new-in…

New technology Shadow DOM, CSS container query

6. Some interesting features of the new era layout github.com/chokcoco/iC…

The Gap attribute in flex layout; Aspect-ratio was controlled for the aspect ratio attribute of the container. Grid-template-rows: navigation in Firefox CSS Container Queries

7. Use some online tools from text-to-chart xosh.org/text-to-dia…

Tools and class libraries

1. Viet-plugin-vue-gql can be written in vue file graphQL github.com/wheatjs/vit…

<script setup lang="ts">
import { useQuery } from "vql";

const { data } = useQuery();
</script>

<template>
  <h1>{{ data.hello }}</h1>
</template>

<gql>
{
  hello
}
</gql>
Copy the code

Analyze the design ideas and principles behind esBuild, Snowpack, Vite, and WMR building tools. And compare function point differences with package sizes

2. Two workflow tools, React – Flow

Github.com/wbkd/react-… ; Flowkit:github.com/egoist/flow…

3. The component library of Material-Tailwind material-tailwind.com/ developed based on React, Material and tailwind

4. Vue-datetime github.com/mariomka/vu…