#Vue 3 RFC

[laravelvuejs]

Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview! Vue 3.0 is in RFC mode right now. But what does it change? In this video I discuss the changes in Vue 3.0 and you can see what breaking changes there is! source

[vuejstutorial4u]

RT @youyuxi: Just posted an RFC for Class-based API in Vue 3: https://t.co/NzvFsDhv3q #Vuejs

[thailandlive293-blog]

Vue Slot Props

Learn how to master slots and scoped slots, to build flexible and reusable vue.js components.

Here we are using slot-key instead of slot, because in Vue, slot is a reserved prop name. # Default Slot Content By default, the slot-free part of a Markdown file becomes the default content of a Markdown slot. I found a way to get access tot the scoped slot props outside of the slot but it’s a hack. Make a component to just receive a prop( the scoped slot provided prop). And do with it whatever you want. But there has to be a better way. V-slot 指令自 Vue 2.6.0 起被引入，提供更好的支持 slot 和 slot-scope attribute 的 API 替代方案。v-slot 完整的由来参见这份 RFC。在接下来所有的 2.x 版本中 slot 和 slot-scope attribute 仍会被支持，但已经被官方废弃且不会出现在 Vue 3 中。 带有 slot attribute 的具名插槽. 在Vue中，slot是很实用的api，父组件可以很容易通过插槽向子组件插入内容，插槽还分为单个插槽，多个插槽和作用域插槽。 在React中，能不能实现和插槽一样的功能呢？当然有了，我们分别来看. Slot Content Vue Native just like Vue implements a content distribution API that’s modeled after the current Web Components spec draft, using the element to serve as distribution outlets for content. In order to allow a parent component to pass elements into a child component, provide a element inside the child component.

Follow the course to get an email notification when a new lesson is published.

7 of 10 lessons

30 min

Advanced

About the course

In this course, you'll learn how to use slots and scoped slots to create flexible and reusable Vue.js components.

Slots allow us to pass components and HTML to components, giving us greater control of the appearance than what we get with props.

Slots do not replace props. The two features have different purposes.

During the course, you'll learn:

Vue Component Slot

When and how to use slots

What scoped slots are

How to work with dynamic named components

How to compose components with reusable component patterns

Slots

3:48

3:55

3:46

Scoped Slots

4:19

5:41

5:38

3:38

Using Scoped Slots with Functions

Coming Soon

Composing Components

Coming Soon

Vue Slot Event

Dynamic Named Slots

Coming Soon

What you will learn

Vue Slot Props Computed

What are slots and scoped Slots

What are the benefits of using slots

How to compose components with slots

Share this course

Who's behind the course

Aleksej Dix - Teacher

Aleksej is an eager front-end developer who loves to share his knowledge through teaching, public speaking, and organizing meetups and conferences in Switzerland.

Rolf Haug

Vue Scope Slot

Vue Named Slot

- Contributor / Reviewer

Rolf has been in development industry for 16 years. Long-time entrepreneur and consultant currently working on educational content and workshops.

Alex Kyriakidis

Vue Slot-scope Props Not Defined

- Contributor / Reviewer

Alex is an educator and consultant, core member of the Vue.js team and author of the first best-selling books on Vue.js.

[javascriptw3schools]

RT @youyuxi: [RFC] Proposal regarding IE11 support in Vue 3: https://t.co/cJDfHwEbMJ

[vuejs2]

RT @youyuxi: [RFC] Proposal regarding IE11 support in Vue 3: https://t.co/cJDfHwEbMJ

[hackernewsrobot]

Vue 3 drops IE11 support plan

https://github.com/vuejs/rfcs/blob/master/active-rfcs/0038-vue3-ie11-support.md Comments

[t-baba]

Babel 7.8 released with built-in ES2020 support

#471 — January 17, 2020

Read on the Web

JavaScript Weekly

Babel 7.8.0 Released — The popular JavaScript transpiler now supports ECMAScript 2020 features by default with no plugins needed for nullish coalescing (??), optional chaining (?.) and dynamic import(). Work is also underway on Babel 8 with two upcoming issues outlined in this post too.

Nicolò Ribaudo

Goodbye, Clean Code — Much as Donald Knuth warned us away from premature optimization, here React expert Dan Abramov tells us to beware of premature refactoring and de-duplication. A well put and interesting argument you might appreciate here.

Dan Abramov

Faster CI/CD for All Your Software Projects Using Buildkite — See how Shopify scaled from 300 to 1500 engineers while keeping their build times under 5 minutes.

Buildkite sponsor

Native Web Components Come to Microsoft Edge — As featured in our Frontend Focus newsletter earlier this week, Microsoft’s Chromium-based version of Edge is now out and this also means “all major evergreen browsers now support Web Components natively.”

Polymer Project

What to Pay JavaScript Developers in 2020? — I think this is one of those “how long is a piece of string?” type questions but nonetheless Eric Elliott has brought together a variety of interesting stats.

Eric Elliott

The ECMAScript Archives — A collection of documents spanning from 1996 to 2015 relating to the activities of Ecma TC39 as the standards behind JavaScript were crafted over the years. Useful? Not really. Interesting? Depends how much of a geek you are, but the “issues list” in the first TC39 meeting’s minutes is kinda fun. “Why reserve Java keywords?”.. quite!

ECMA

Announcing TypeScript 3.8 Beta — Type-Only imports and export, top-level await and ECMAScript Private Fields all.. await you :-) TypeScript has a way of dropping a final release just after we publish, so watch this space!

Daniel Rosenwasser (Microsoft)

💻 Jobs

Senior Frontend-Focused Engineer in Munich — Do you love working with React, TypeScript, GraphQL, and working in a user-centred team? Then you're in for a treat 🍪 Let's protect some businesses together. 🙌

Finanzchef24

Find a Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

📘 Articles & Tutorials

A Class-Based enum Pattern for JavaScript — Always a pleasure to see Dr. Axel writing. This time he looks at a way to implement enums (as available in other languages) in pure JavaScript before showing off enumify, a library he’s created for the task.

Dr. Axel Rauschmayer

How to Build a D3 and Cube.js Powered Data Dashboard — Cube.js provides the analytics framework, D3 provides the visualizations.

Artyom Keydunov

The Fastest Way to Get Great Bug Reports from Non-Technical Folk Get less “the link is broken”, get great bug reports (with screenshot and browser data) from non-tech clients with BugHerd.

BugHerd sponsor

A Good VSCode Linting and Formatting Setup for TypeScript Projects — There’s a GitHub repo with the actual configs and rules.

Andréas Hanss

Letting Tools Make Choices — We used to link to tutorials by Jack quite often back in the day so it’s great to see him blogging again. Now, Jack is thinking about the process of working out which tools to use, why, and letting tools carry the ‘burden’ of choices you’d otherwise have to make yourself.

Jack Franklin

Working with Raw WebGPU — An overview on how to write a WebGPU application, where WebGPU is an under development W3C spec on bringing modern 3D graphics and compute capabilities to the Web (and JavaScript).

Alain Galvan

Understanding npm Filesystem Takeover Vulnerabilities — Last month, a security vulnerability affecting all JS package managers (npm, yarn and pnpm) was disclosed which allows malicious actors to use various arbitrary file overwrite tactics. Here’s what that means and why it matters.

Liran Tal

Building a Virtualized List From Scratch — Understanding a powerful tool for improving UI render performance.

Mark Jordan

6 Useful Decorators to Use in Angular Projects

Chidume Nnamdi

▶  How to Improve Error Handling in Your Node.js Apps

Heroku sponsorpodcast

How to Support IE 11 with Angular — Might be relevant if you’re targeting enterprise users.

Colum Ferry

Is TypeScript Worth It? — “I would like the jury to know that I am, for the most part, a TypeScript fan but I do have some nagging doubts that I would like to discuss in this post..”

Paul Cowan

🔧 Code & Tools

Next.js 9.2 Released — The popular React-meets-server framework gains improved code splitting, CSS modularity, and new ‘catch-all’ dynamic routes.

Neutkens, Haddad, Kasper and Alvarez

uuid: Generate RFC-Compliant UUIDs in JavaScript — Seems very complete and covers UUID v1, v3, v4 and v5. Includes support for namespaces too.

UUID

Villus: A Tiny and Fast GraphQL Client for Vue 3 — An interesting writeup of how the creator approached the problem, too. Vue 3.0.0 alpha 2 is also out, BTW.

Abdelrahman Awad

FeathersJS/Hooks: Async Middleware for JavaScript and TypeScript — Koa-style middleware for any async functions for creating composable and reusable workflows and adding functionality without having to change a function or class’s original code.

Feathers

react-email-editor — A drag-n-drop component that makes it easy to add a solid email editor to your React apps. Designs are saved in JSON & can be exported as HTML.

Unlayer on GitHub sponsor

Styled-Components 5.0: Faster CSS Styling for React Components — Styled Components is a popular way to bring CSS and JavaScript together for styling components and 5.0.0 officially dropped this week :-)

Evan Jacobs

Spectacle: A React and JSX-Based Presentation Library — Got a presentation coming up? Build your decks with JSX! The best way to get a feel for what it can do is via this live slide deck.

Formidable

❓ The Coding Sans Software Development Survey

Each year we help out (for free – this isn't a sponsored thing) Coding Sans by linking to their State of Software Development survey. The latest one is out now, and if you're able to fill it out, that would be awesome :-) They release the results each time, so if you're intrigued what sort of things it covers and uncovers, this PDF of the 2019 results may be of interest.

You can take the 2020 survey here — thanks!

by via JavaScript Weekly https://ift.tt/38ipPTC

[topicprinter]

Article URL: https://github.com/vuejs/rfcs/blob/function-apis/active-rfcs/0000-function-api.md

Comments URL: https://news.ycombinator.com/item?id=20237568

Points: 12

# Comments: 4

[hackernewsrobot]

Vue 3 is now in RC

https://github.com/vuejs/rfcs/issues/189 Comments

[javascriptw3schools]

RT @VueNewsletter: 🍁 @vuejs News #142 🏞 Including: ⛰ @nuxt_js v2.7.0 release 🇨🇦 @VueToronto speakers list and tickets available 🧪 Introduction to TDD in Vue by @frontstuff_io 🗣 3 new RFCs for vue-router And more! 📖 Read the stories or 🎧 listen to the podcast: https://t.co/YZAIPhbemY

[vuejs2]

RT @VueNewsletter: 🍁 @vuejs News #142 🏞 Including: ⛰ @nuxt_js v2.7.0 release 🇨🇦 @VueToronto speakers list and tickets available 🧪 Introduction to TDD in Vue by @frontstuff_io 🗣 3 new RFCs for vue-router And more! 📖 Read the stories or 🎧 listen to the podcast: https://t.co/YZAIPhbemY

[hackernewsrobot]

Vue 3 set to change in a big way – Current Syntax to be deprecated

https://github.com/vuejs/rfcs/blob/function-apis/active-rfcs/0000-function-api.md Comments

[vuejs2]

RT @youyuxi: Just posted an RFC for Class-based API in Vue 3: https://t.co/NzvFsDhv3q

[vuejs2]

RT @youyuxi: Just posted an RFC for Class-based API in Vue 3: https://t.co/NzvFsDhv3q

[vuejstutorial4u]

@vuejs : RT @youyuxi: Just posted an RFC for Class-based API in Vue 3: https://t.co/NzvFsDhv3q