Vadim Tiukov vatson

Vue: Pass Slots through from Parent to Child Components

The Situation

We've got some components A, B and C which provide different slots.

const A = {
  template: `<div><slot name="a">Default A Content</slot></div>`
}

const B = {

Disclaimer 1: Первую которая "про то чего мы достигли" я таки пропустил.

Disclaimer 2: Многие доклады смотрелись и отчёты писались в состоянии алкогольного опьянения.

1. Ben Alpert - What Lies Ahead

Сейчас посмотрел Ben Alpert - What Lies Ahead она про то какие идеи они имеют о дальнейшем развитии. И они делят на UX-идеи и DX-идеи. В UX у них:

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

The Ultimate Unit Testing Cheat-sheet

Sinon Chai
Chai
Sinon

	module.exports = {
	root: true,
	env: {
	node: true
	},
	extends: ["plugin:vue/essential", "@vue/prettier", "@vue/typescript"],
	rules: {
	"no-console": process.env.NODE_ENV === "production" ? "error" : "off",
	"no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
	quotes: ["error", "single"],