DEV Community: Nimrod Kramer

Upcoming TED-like events for developers

Nimrod Kramer — Sun, 16 May 2021 16:07:44 +0000

The Monthly Dev: World-Class Talks by Expert Developers

The Monthly Dev is a series of online events brought to you with love by daily.dev. It's a place for software engineers to gather and hear world-class talks, once a month.

Upcoming Events 🦄

The Monthly Dev 5 (May 2021) - RSVP Below 🚀

Redux, Career advise for devs, and freeCodeCamp

Mark Erikson - Redux maintainer
Emma Twersky - DevRel at Google
Quincy Larson - Founder of freeCodeCamp.org

➜ RSVP to the event

The Monthly Dev 6 (June 2021) - RSVP Below 🚀

An event in collaboration with Microsoft Reactor and GitHub

➜ RSVP to the event

The Monthly Dev 7 (July 2021) - RSVP Below 🚀

Developer Experience, AWS Amplify, and React Query

Inian Parameshwaran - Engineering at Supabase
Tanner Linsley - Co-Founder at Nozzle and OSS fanatic (React Query)
Ali Spittel - Leading Developer Advocacy at AWS Amplify

➜ RSVP to the event

See you there!

Why we started The Monthly Dev

Nimrod Kramer — Mon, 11 Jan 2021 07:07:35 +0000

Short background

Last week we launched a new series of online events by daily.dev called The Monthly Dev.

That might seem a bit strange for some people. We already got some curious questions from our community about this initiative like:

Why would a developer tool like daily.dev that is completely automated start running online events?
How does The Monthly Dev is integrated into the daily.dev strategy?
What do you expect to achieve from The Monthly Dev?

All are great questions, and therefore I decided to write about them :)

TL;DR

We took some inspiration from TED. We thought, what if we can make "TED for developers"? That would be super cool and refreshing! We wanted to bring a monthly series of online events but with a different vibe.

Our mission

The amount of content that is being created every day is insane. We think that by now, it has already gotten out of control. daily.dev aims to make it super easy and simple for developers to stay updated on the latest programming news. That's why we wake up energized every morning. ⭐️

Consistency is key

We believe that besides having a tool like daily.dev to help you stay updated consistently, we should encourage other consistent behaviors. Staying updated can be done on a daily, weekly, monthly, and even yearly basis. All are different resolutions for the same habit that can make us better at what we do.

As of today, we mostly focus on staying updated daily. That is still our main focus at daily.dev. However, we want to explore a new area of monthly updates. That's is why we started The Month Dev.

What's unique about The Monthly Dev?

For a while, we observed what kind of online events are being held worldwide. We wondered what's missing and how can we take it to the next level? We still don't have the final answer, but we saw that there's a lack of consistency once again.

There are many events out there, but:

Not many of them are worth the while. Either poorly organized or not professional enough. Good events are hard to spot.
It's hard to know in advance if an event is going to be good or not. By the time we realized the answer, it's already too late.
In many cases, the best events are biased and over-promotional. Usually, those events are organized by some of the tech giants who want to push their tech to the market.

Therefore, we wanted to see if we can create a recurring event that would be great, non-biased, and consistent. That way, developers would finally have a monthly thing they can trust to provide them with the inspiration they want without caring about all the hassle mentioned above.

The Monthly Dev's DNA

We took some inspiration from TED. We thought, what if we can make "TED for developers"? That would be super cool and refreshing! We wanted to bring a monthly series of online events but with a different vibe.

Although we still look at it as an experiment, we decided on several guidelines for our events:

It will feature only world-class speakers that come with massive credentials
It will be free
It will be open to everyone. No matter if you're using daily.dev or not
It will be fun and full of surprises

See you there?

Our first event will be held on January 26, 10 AM PST. It will be live-streamed so that you can watch it from your favorite streaming platform.

It's entirely free for everyone, but we do appreciate it if you can RSVP in advance 🌈 It would help us make better preparations for the event. 🤗

Here's the link to RSVP: https://www.eventbrite.com/e/the-monthly-dev-1-by-dailydev-registration-133820993193

The Monthly Dev: World-Class talks free for everyone

Nimrod Kramer — Mon, 04 Jan 2021 08:27:46 +0000

After long weeks of hard work, we're excited to introduce you to our new series of monthly events. We call it The Monthly Dev 🌈

What's The Monthly Dev?

The Monthly Dev (TMD) is a series of online events brought to you by daily.dev. TMD is where we bring world-class speakers to empower the developers' community, once a month. Our events will cover hot topics that developers love such as:

Web performance
New libraries and frameworks
Job interviews
And more...

Here's a link to the first event.

Expert speakers

We aim to bring world-class speakers to empower our developers' community. The events are open and entirely free.

A RedwoodJS Getting Started Guide

Talk by David S. Price - Co-Founder at RedwoodJS

RedwoodJS is a full-stack, edge-ready framework built on React and GraphQL. Out of the box, it comes with code generators, first-class serverless deploy support, and tight integration between the frontend and backend. In this presentation, David will discuss the design and architecture choices that make Redwood so powerful. He'll then demo several features that highlight Redwood's delightful user experience. By the end, you'll have both the knowledge and inspiration to start your journey with Redwood.

Navigating the Technical Interview

Talk by Sam Saccone - Staff Software Engineer at Google

Technical interviews are fraught with ambiguity and unknowns, join Sam as he shares his learnings and recommendations on how to handle these unknowns and successfully tackle the tech interview process.

RxJS & Reactive Programming Fundamentals

Talk by Ben Lesh - Software Engineer at Citadel & Author of RxJS

RxJS is one of the hottest libraries in web development today. We will walk through understanding reactive programming, the components of RxJS, common operators and Observables, and how to create an Observable from scratch.

Schedule

The event will be live-streamed on January 26, 10 AM PST.

Opening Remarks by Ido Shamun (Co-Founder, CTO at daily.dev)
A RedwoodJS Getting Started Guide by David S. Price (Co-Founder at RedwoodJS)
Navigating the Technical Interview by Sam Saccone (Staff Software Engineer at Google)
RxJS & Reactive Programming Fundamentals by Ben Lesh (Software Engineer at Citadel & Author of RxJS)
Cool surprise

The event will be held in English.

See you there!

Here's the link again, in case you've missed it:
https://www.eventbrite.com/e/the-monthly-dev-1-by-dailydev-registration-133820993193

Coding interviews post COVID-19

Nimrod Kramer — Fri, 11 Dec 2020 09:47:00 +0000

One of the strongest trends in the tech world is working remotely. It introduced great opportunities to work for your desired company that, in many cases, was only hired locally before the pandemic.

If you’re now preparing for a coding interview, you might also want to check Coding interviews: great tools and useful tips to make smarter choices

What’s changed?

From an interview preparation standpoint, you want to be aware that it impacted many companies' hiring processes. A standard HR process can’t work anymore since it has to be done online, mostly through video conferencing. That means:

There’s less “human touch” in the process
The process can be much faster since scheduling has fewer constraints when people work from home
Location matters less than ever before

What does COVID-19 have to do with coding interviews?

Some of the changes I mentioned above can definitely work in your favor!

No pre-interview small talks (well… not exactly)

It’s not a secret that HR specialists often start testing candidates from when they arrived at the office. There’s a lot of things you can learn about a person from how he or she communicates with the receptionist or with the office manager. Other scenarios used to be quite common, like going with your interviewer to prepare a coffee cup before starting the meeting. All of these can’t happen anymore.

Given those circumstances, you can have much better control over your first impression. You know exactly when the meeting starts, and you can be ready. However, the thing you really need to be aware of is that the interviewers also get more sophisticated. It’s not rare that instead of starting from the coding interview itself, the interviewer would try to start a small talk.

In some cases, it can come in the interviewer's form, starting with sharing something personal about him or her. It can be something nice or funny about their home or family. They do it on purpose, not only to break the ice. They do it to see if you get the signal that they want small talk. It can be a test of your emotional intelligence. So be aware ;)

You’re probably going to be stressed, but it’s fine

That’s natural. However, it is much more difficult to spot it when using video conferencing (usually, the interviewer can’t see the movement of your hands, micro-expressions, and your sitting posture). It can definitely work for your benefit, so you can actually focus mostly on the professional side.

The fact that your interviewer won’t have the full image will give you a better chance of emphasizing your professional strengths.

Eye contact is tricky

When doing a coding interview online, you have to juggle sometimes between solving a challenge and answering a question. Once everything is done by video, it makes things complicated. Keep in mind that when you talk with the interviewer, you want to keep eye contact as much as possible (even though in real life, it means looking at the camera rather than their eyes).

General advice for video interviews for programmers

Here’s a good checklist with some points worth keeping in mind:

Keep the background neutral.
Find a good camera angle.
Use a high-quality microphone.
Look professional.
Don't do anything else while interviewing.
Do your research.
Hold a mock interview. Here a resource that I really love, which is a Comprehensive Guide to Video Interviews for Programmers

Wrap up

Don’t miss the signal for small talk. That can be the difference between a good and great interview.
Doing interviews by video works to your advantage. Make sure it counts.
Keep eye contact whenever you can. It has a profound effect on the interview result.

daily.dev is the easiest way to stay updated on the latest programming news. It's a feed of articles that's ranked by a community of +60,000 developers. Get the best content from the top tech publications on any topic you want. All in one extension.

AVIF - the next-gen image format you need to know about

Nimrod Kramer — Wed, 02 Dec 2020 10:31:07 +0000

What is AVIF?

The abbreviation "AVIF" stands for "AV1 Image File Format" and is essentially the specification for storing still and animated images compressed with AV1 in the HEIF file format. AV1 is the royalty-free video coding format that has most tech experts believing it is the next step in media compression.

A modern image format based on the AV1 video format. AVIF generally has better compression than WebP, JPEG, PNG, and GIF and is designed to supersede them (I’ll cover it later in detail). It's an image file format spec for storing images or image sequences compressed with AV1 in the HEIF file format. It competes with HEIC which uses the same container format, built upon ISOBMFF, but HEVC for compression. Version 1.0.0 of the AVIF specification was finalized in February 2019.

Big tech companies are testing AVIF in scale

On 14 December 2018 Netflix published the first .avif sample images, and support was added in VLC. Microsoft announced support with the Windows 10 "19H1" preview release, including support in File Explorer, Paint, and multiple APIs, together with sample images. Paint.net added support for opening AVIF files in September 2019, and the ability to save AVIF format images in an August 2020 update. The Colorist format conversion and Darktable RAW image data have each released support for and provide reference implementations of libavif, and a GIMP plugin implementation has been developed supporting both 3.x and 2.10.x plugin APIs.

The case of Netflix

Netflix describes their need for an alternative to JPEG that:

is widely supported
has better compression efficiency
has a wider feature set. > “We believe the AV1 Image File Format (AVIF) has the potential. Using the framework we have open-sourced, AVIF compression efficiency can be seen at work and compared against a whole range of image codecs that came before it.“

The full story by Netflix with tons of visual examples and comparisons: https://netflixtechblog.com/avif-for-next-generation-image-coding-b1d75675fe4

Supported features

High dynamic range (HDR)
8, 10, 12-bit color depth
Lossless compression and lossy compression
Monochrome (alpha/depth) or multi-components
Any color-space including wide color gamut, ISO/IEC CICP, and ICC profiles
4:2:0, 4:2:2, 4:4:4 chroma subsampling
Film grain

Graphics examples and comparisons:

AVIF vs WebP

Overall there was a lot of debate around this topic over the past year. When looking at tests from last year it seems that WebP was still better performing compared to any other format. However, this year following some optimizations that were made looks like WebP might stay behind.

Although I don’t think WebP will disappear anytime soon, it might be a good idea to start learning about using AVIF. The big players like Netflix, Google, and Microsoft are already in implementation phases for some of their services. That makes me believe that we will be able to see AVIF out there in the wild more throughout 2020 and 2021.

For further technical comparison check out this post.

Supported browsers:

AVIF support in web browsers is in development. In August 2020, Google Chrome version 85 was released with full AVIF support. Mozilla is working on support for the image format in Firefox.

Full review of the browsers and specific versions that already support AVIF: https://caniuse.com/avif

Try it yourself

This page gathers some known implementations supporting AVIF, and provides some test files. https://github.com/AOMediaCodec/av1-avif/wiki
A cool and simple guide on how to use AVIF: https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/

daily.dev delivers the best programming news every new tab. We will rank hundreds of qualified sources for you so that you can hack the future.

Coding interviews: great tools and useful tips to make smarter choices

Nimrod Kramer — Tue, 24 Nov 2020 10:06:01 +0000

If you came here because you’re only interested in the tools review for preparing yourself for a coding interview, scroll down. However, since you’re already here, why not start from the beginning :)

Coding interviews as a GIF

What’s the deal with coding interviews?

For many developers, both seniors and juniors, coding interviews can be quite stressful. We all find ourselves using specific technology for quite a while, and we wonder whether we’re good enough at other stuff that might come up during an interview.

From my experience in interviewing software developers over the years, I learned that there is a bit of imposter syndrome and a few self-confidence issues devs have to overcome to be ready.

An important part of your preparation for a coding interview is getting into the right mindset. However, I’m not going to cover this topic here. The other thing is to be ready in terms of the knowledge base you have. Even though you might already be familiar with certain concepts, there’s always room to refresh things. That's what I'll be focusing on in this post.

Time is your most valuable resource

While preparing to write this post, I wanted to get a different angle from the one I have. So I asked Trey Huffine, whose opinion I appreciate very much, what he thinks is the most important thing developers should keep in mind regarding coding interviews?

“The most valuable resource in preparing for interviews is your time. The more effectively you use your time or, the less time you waste, the better chance you have of learning the concepts and intuition you need to be successful in your coding interviews and being confident to handle any question possible.” -- Trey Huffine, Founder at gitconnected and skilled.dev

What do you need to know about the existing solutions?

To keep things simple, there are no available options that are complete. There is always a tradeoff and wasted time regardless of which platform or method you choose. More specifically:

You still need to search the internet to fill in gaps or get the full experience needed to prepare.
Many options focus on just grinding problems instead of focusing time effectively preparing across a broad range of categories to learn what’s needed. Time should be spent learning the most important concepts and most likely to be tested on.
Many tell you what to study but not why you’re studying it and the learning outcomes.
Lack of in-person support. Not everything can be done automatically with pre-existing texts and videos. Sometimes, you just need to ask a question in your own style.

Let’s review some cool tools to help you land your next job

Codewars

Achieve mastery through challenge. Codewars focus mostly on improving your skills by training together with others on real code challenges.

Pros: It’s Free! Good for doing practice questions and staying sharp. Good community and a points system.
Cons: No focus on interviews. It’s meant to stay sharp on programming and more for just the fun of coding—no categories that again mean that this forces you to focus on grinding instead of learning.

Bottom line score: 4 out of 5
Why did I give this score? Overall the concept is great and innovative. The pact you can collaborate and that it’s free is a game-changer for many devs. It didn’t get a 5 since it’s not tailor-made for interviews. It’s a great tool to make you better at coding interviews, but you’re going to need to work hard to use Codewars.

Skilled.Dev

Skilled.dev contains years of interview expertise refined into a single platform, carefully curated to teach you exactly what you need to know to crush your coding interviews and land the job. Ii guides you step-by-step and provides all the tools to make it incredibly easy to prepare for interviews.

Pros: Skilled.dev tries to be as complete as possible, so you never have to leave the platform (minimizes the need to search for additional knowledge outside). It’s curated and targeted for interview preparations for seniors and devs who just came out of coding Bootcamp. I appreciate that it’s comprehensive: each question contains a step-by-step guided text article, a solution walkthrough video, and an integrated code execution environment to test your solutions.
Cons: It was recently launched. That means it’s quite fresh, and if you can’t make the leap of faith of being an early adopter, perhaps it’s not for you.

Bottom line score: 4.5 out of 5
Why did I give this score? It provides a great solution for so many problems that current coding interview platforms miss. I couldn’t give it a 5 since it’s newly launched, and people are trying it out. Super curious to see those reviews coming in the next few months. I personally believe that skilled.dev can go big and ace that 5 out of 5.

LeetCode

LeetCode is a platform to help you enhance your skills, expand your knowledge, and prepare for technical interviews.

Pros: Many problems and broken into categories. Why is it important? It gives solutions to problems with brief explanations. Also, there is a comment section and forums for discussions.
Cons: No guidance or curation - it’s up to the user to decide how to spend their time, which may or may not be effective. The problem is that this forces you to focus on grinding instead of learning. We can see that the explanations are high level from user reviews and don’t go into details. It forces the reader to do more research to gain the prior knowledge needed and discover the important learning outcomes. To put the cherry on top, it also might be a bit expensive for many developers.

Bottom line score: 4 out of 5
Why did I give this score? This platform has some serious track-record. However, they still miss some of the fundamental things that an average user would expect, like proper guidance. The content is great, but it misses the user experience that would make it easier to use without wasting a lot of time.

Other common methods to prepare for coding interviews

freeCodeCamp

Pros: Great community. Some curation.
Cons: It mostly points to external sources. The curation is light, so you still likely are just grinding questions and forced to search the internet when you don’t understand. Not clear why certain topics or questions are chosen - you have to discover the learning outcomes for yourself

If you into things that freeCodeCamp, you might want to check these two resources as well:

YouTube Channels

Pros: Free. Many great teachers. You can probably find a video for anything.
Cons: It’s not guided or curated, so it takes your own time to decide what to study, and you’re forced to figure out what’s important. It forces you to decide what’s important to learn and study. Uncertainty about how well things are maintained or updated. There isn’t a code execution environment to be given sample code, tests, and solutions

Crack the Coding Interview [Book]

Pros: Many questions. It’s cheap relative to something like LeetCode. Covers all interview topics (teaches concepts, goes through the job hunt, discusses soft skills, covers all essential data structures and algorithms).
Cons: It’s not a one-stop product. Explanations are still at a high level for data structures and algorithms. It likely forces you to gain further knowledge online to truly learn the topics, unless you have a computer science background and just need a refresher. It’s a book, so you miss out on all the aspects of digital (i.e., an environment to run code and test solutions, community discussions, videos, interactive examples, easily linking and connecting between topics and concepts). Also, since it’s a book, you have no way to get updates once you buy your copy

Main things to consider before you go

Are you only to free stuff, or are you willing to pay a bit to get higher quality presentations? My recommendation is to positively consider making an investment here and not going free-only. Most of the premium content out there isn’t free. If you care about getting the job you want fast, perhaps you should consider making an investment.
How time-conscious are you? Several platforms tend to waste a bunch of time, which otherwise can be used to prepare itself.
Is it your first interview? Or are you already familiar with the process? If you’re new, I’d recommend starting with the online platforms like skilled.dev and LeetCode since it has the interface to check your answers online.

I hope you enjoyed it and that you can now make a better decision in your interview preparations.

How to know what users want

Nimrod Kramer — Fri, 25 Sep 2020 11:52:01 +0000

Every developer or entrepreneur that builds a new product probably asked themselves this question -- What my users want? That’s a key question for every product. It is the single most important thing we need to figure out in order to reach product-market fit.

What’s product-market fit?

Let me simplify it for you:

Product-market fit pic.twitter.com/Wx8DlovsNt
— Ryan Hoover (@rrhoover) January 21, 2020

Now seriously. Product/market fit, also known as product-market fit, is the degree to which a product satisfies strong market demand. Product/market fit has been identified as a first step to building a successful venture in which the company meets early adopters, gathers feedback, and gauges interest in its product (Wikipedia).

Why is it important?

I’ll keep all my fancy explanations for another post 😱
Going straight to the point: not reaching product-market fit will kill your startup. Period. 🎯

Want to know more before you proceed?

How can I know what users want?

There are many approaches to this but eventually, it all sums down to several specific things you can do.

Ask them (works best)

There’s nothing better than talking to your users or potential ones. In this age, you can reach nearly anyone on social media or other platforms so there’s no reason why not to engage your users and ask them a bunch of questions. You’d be surprised how much they love to help.

Become a user yourself

Perhaps I should’ve started with this point. In most cases, if you are the user and you build the product for yourself. Most like you’ll be able to better understand your users. At this point, I don’t mean that it is necessary to become a user in an artificial manner. Instead, I encourage you to build something that solves a problem you have yourself.

If you build something that solves a problem you have yourself most likely there are a bunch of others who have it too. That’s the best way to start tackling this question.

Check your data for recurring behaviors

In case your product is already up and running, I would also suggest checking your analytics platform. Seek for recurring behaviors. This that your users are coming over and over again to do in your product. That is a great indicator to the exact value they found in your product. Then go back and dig deeper. Perhaps it can be a great first topic for a user interview.

Try to realize:

Why are they coming back to this feature?
Why is it helpful for them?
What would they do if your product wasn’t there for them?

Study similar products in your space

The chances you build a “one-of-a-kind thing” is so small. There are most likely more competitors in your space. Even if they’re not direct competition to your product, they still understand something about their users. Assuming that you both tapping into the same audience, then studying what they do is essential. Perhaps they know something you don’t. Perhaps they figured out something that you’re neglecting. Don’t underestimate competition.

Seek expert advice from your industry

There are many smart, experienced people in every industry and niche. Find people who know about the problem you’re trying to solve. Contact them and be kind. Usually, those people are busy and get many questions. However, once you’ve got them engaged they can give tops of tips to help you focus on what matters most (or at least get ideas for new things to test).

Wrap up

Reaching a product-market fit is the single most important milestone you need to reach when building a new product or startup.
The key is knowing what users want and build for them.
There are many ways to answer this question. Talk to them, become a user, be data-driven, study competition and ask experts.

15 Awesome Developer Home Workstations

Nimrod Kramer — Thu, 27 Aug 2020 13:47:28 +0000

Work from home is part of our lives now. This is probably where we spend most of our time, and we deserve an upgrade! I collected some of the latest dev workstations to get some inspiration for my own workstation upgrade. Here are the results -- enjoy!

1. The "Couples Who Code" workstation

Made by digi928

2. The "B&W" workstation

Made by Berlony

3. The "Work Hard Play Hard" workstation

Made by Diamonddog4

4. The "Neck Pain" workstation

Made by EkkoJun

5. The "Bookworm" workstation

Made by v1dal

12. The "Xbox-First" workstation

Made by mburn14

13. The "there's gotta be something wrong with that guy's" workstation

Made by Browsingredditnow

14. The "keep it simple" workstation

Made by Jokosmash

15. The "Not enough screen space" workstation

Made by berzemus

Which one did you like the most? Comment below 👇🏽

Vue 3 is coming - what to expect and how to prepare

Nimrod Kramer — Mon, 17 Aug 2020 10:45:09 +0000

There's a lot of buzz building up toward the upcoming release of Vue 3. That made me want to help the developers' community get ready for the next version of this popular framework. Hope you will find this post useful ❤️

In this post I will cover the following topics:

Why Vue 3 is so exciting
Vue 3 features and changes
Release date explained
Experimenting Vue 3: Important tools available
How to prepare for migration from Vue 2
Learning Vue 3 - tutorials and guides
Frequently asked questions

Let's start! 🚀

Vue 3 is going to be awesome

Vue's popularity is growing, and the project gets faster & better with every update. Evan You announced the new Vue version in a conference in London on November 15th in 2018. The main focus of Vue 3 is making it faster, more comfortable to target native & even more user-friendly.

Among other things, there's a new Composition API for creating components. It doesn't introduce new concepts to Vue, but rather exposes Vue's core capabilities like creating and observing reactive state as standalone functions. That is ultimately useful to Vue developers of all levels.

Simply put it, the Vue team is doing an intensive job of improving the framework APIs to make Vue 3:

Faster
Smaller
More maintainable
Easier to target native
Improve developers experience

Can't wait for it to be released? You can start experimenting with the alpha version of Vue 3. There's also an initial API Reference.

Vue 3 features and changes

What to expect from Vue 3 - Overview

Composition API: This new API reminds React Hooks a bit. It's a new syntax that allows you to use functions for organizing your code by feature instead of by object. This API will live alongside the well-known Options API of Vue 2 -- It will not replace it. That means that you can continue building components the way that you're used to with no worries. However, you can also start building with the Composition API, which provides more flexible code organization and logic reuse capabilities as well as other improvements.
TypeScript support: One of the most awaited integrations in web development. Vue 3 will have built-in TypeScript and allows you to use TS in your project optionally. Anyway, developers working with ES won't be affected.
Faster mounting and patching: Virtual DOM got a complete rewrite for faster performance. Compile-time hints have been added to reduce runtime overhead. It will help you in skipping unnecessary condition branches and avoiding re-renders. You can expect up to 100% faster component instance initialization with double the speed and half the memory usage. That's sweet.
View Declaration: Vue 3 will continue to support templates as well as render functions. The main point is that Vue 3 optimized rendering speed, such as by speeding up 'diff' algorithms that operate behind the scenes so that Vue knows what needs to be re-rendered without interference.
It is much smaller: You will be able to shake off unused code quickly. Currently minified and compressed Vue runtime weights around 20kB (22.8kB for current 2.6.10 version). Vue 3 bundle is estimated to weigh around half of it, that's about ~10kB!
Native portals: now called teleport
Fragments: virtual elements that won't be rendered in the DOM tree.
Hooks API (still experimental)
Time Slicing Support (still experimental)

More about Vue 3 upcoming features

We don't want to overwhelm you with descriptions. There are tons of posts out there, and we picked only the ones that are both technical, professional and contain practical examples:

The process: Making Vue 3 by Evan You. The latest story by the creator of Vue from May 2020.
Exciting new features in Vue 3 by Filip Rakowski
Vue 3 new features summary by Yanze Dai

Release date explained

The official release is currently planned in Q3 2020 (which is any time from now until 30.9.2020). This information is based on the official roadmap of the Vue 3 mega project.

Reasons to be optimistic about the release date 🤩

It's already in the release candidate (RC) stage, and it was publicly announced! This means that the API & implementation are stable, and there will be no more changes to it. During this stage, they are working on a "compat build": a build of 3.0 that includes compatibility layers for 2.x API. This build will also ship with a flag you can turn on to emit deprecation warnings for 2.x API usage in your app. Even though the first estimations by Evan You were for 2019, they have reached such an advanced stage, which provides a reason to believe that they are highly motivated to launch within 2020.
Many of the most essential tools for Vue 3 are already in experimentation or public alpha phase (I will cover them in detail below).
The documentation for Vue 3 and a migration guide has already been published, explaining to you what's new. Both are still in beta, but already pretty complete (and very readable & well structured, like the Vue docs have always been).

Reasons to question the release date 😒

At this stage, I think it is better to take this date (Q3 2020) with a grain of salt. The upcoming Vue 3 was announced a long time ago in 2018, and the release date has already been delayed many times.
Additionally, the last update to the roadmap was done on June 29th. Many things could have happened since then that could affect the release date.

In case you want to go into the details of what has been officially published, check out the full presentation about the State of Vue from April 2020 and also keep an eye on the recent changes.

Experimenting Vue 3: Important tools available

The Composition API is available now as a plugin for Vue 2 so you can try it out.
Beta version of the new Vue Devtools
Vue 3 official router
Vue CLI plugin for the upcoming Vue 3 release
Vue 3 version of Vue Test Utils

How to prepare for migration from Vue 2

If your project is relatively small and you have been following the RFCs and avoiding to-be-deprecated functionalities, this process should be pretty quick!. Anyway, the best way would be to start by checking the migration guide. Just note that the migration guide is still in beta, and you should expect changes soon as Vue 3 will be officially released.

Learning Vue 3 - tutorials and guides

Good courses for learning Vue 3 are being offered by Vue Mastery: Recommended for advanced devs who already have prior knowledge in Vue.
New in Vue 3: A roundup of what's new in Vue 3, including a dive into the Composition API and plenty of practical examples.
Vue 3 Tutorial (for Vue 2 Users): Covers much of the new stuff of Vue 3 including fragments, teleport, the Composition API, and several more obscure changes.
Composition API Best Practices talk from Vue.js Amsterdam 2020
Hello Vue 3: A First Look at Vue 3 & the Composition API: in this video by Dan Vega you are going to get an early look at Vue 3 and some hands-on experience using it.

Frequently asked questions

I want to learn Vue. Should I start with Vue 2 or Vue 3?

If you are just starting to learn the framework, it is recommended that you begin with Vue 2. The main reason is that Vue 3 does not involve dramatic re-designs, and the vast majority of your Vue 2 knowledge will still apply for Vue 3. Therefore, it doesn't make sense to wait for the official release date of Vue 3. Start learning Vue 2, and once Vue 3 is released, you will be in the right position to catch up.

What will happen to Vue 2.x after the release of Vue 3?

There will be one more minor release (2.7), which will backport compatible 3.x features to 2.x.
And provide deprecation warnings for 3.x changes. That will be the last minor release for 2.x and be offered as LTS (long-term support) for 18 months. It will continue to receive critical security updates even after the LTS period.

I saw some critics of Vue 3. Is there something that I should be concerned about it?

Indeed there was an active discussion around the web (mainly on Reddit) that raised serious concerns that were proven to be wrong. Among the concerns, developers claimed that Vue 3 new Composition API might not be purely additive and that the current API of Vue 2 will be deprecated. Those rumors lead people to be afraid that all the time they spent learning Vue was a complete waste of time. But again, non of this is relevant anymore. You can rest assured that the Composition API will be purely additive, and the current API will continue to be supported.

Wrap up

That's all for now. I hope you could find valuable resources in this post and to get a clear image of what to expect from Vue 3. It is reasonable to assume that we should all expect more news coming soon, so make sure you follow The Official Vue News site for updates.

If you have any questions about Vue 3 you can join the discussion here🦄

Building with Svelte - all you need to know before you start

Nimrod Kramer — Mon, 10 Aug 2020 06:40:20 +0000

TL;DR - unlike established component-based frameworks such as React, Angular, or Vue, with Svelte you can take building user interfaces to the next level. Many devs are interested in learning about building with Svelte and we’d love to help you kick start! Here is a hand-picked list of some valuable resources to assist you to get started with Svelte.

Why Svelte?

There's a good reason why Svelte is gaining popularity among frontend developers lately. I made a brief of the major advantages that are agreed by many developers who tried building with Svelte and lived to tell their story.

What’s the benefit?

Instead of doing most of the work in the browser, Svelte does its work when you build the app and it compiles it to efficient vanilla JavaScript.
Reduces the overhead of the JavaScript framework you’re using. By compiling Svelte to vanilla JavaScript improves the code readability, enables re-use and it produces a much faster web app.
Svelte does not require declarative, state-driven code, which the browser has to convert into DOM operations. That means you don’t need to use virtual DOM anymore.

What’s the downside?

IDE support is not yet comparable to the commonly-used frameworks. It still has a lot of room for improvement. Although there are some good resources online to solve some of the issues, it can be considered as a major disadvantage as of today.
Not many Svelte dev tools exist at the moment. It is still a young and growing ecosystem. Keep that in mind. However, that’s a great opportunity to develop some for the Svelte community.
Small open-source ecosystem. Like many other frameworks, it takes time to build a large community around a specific framework. Although Svelte has gone a pretty decent way already, there are still not enough open-source contributors. Same here, you can look at it as an opportunity as well.

Want to read more about the pros and cons of building with Svelte?

Resources to get you started

Svelte ecosystem 101 👋🏼

Tutorials 🤓

We don’t want to overwhelm you with tutorials. There are tons of tutorials out there and we picked only the ones that are both practical, comprehensive and user-friendly:

The official tutorial by Svelte developers.
Building My First Svelte App: Thoughts and Impressions by Chris on Code

Use Cases and Demos 🚀

Like anything, inspiration is important when starting with something new. Check out some cool projects that are using Svelte. Some of them are in production and some are demo apps:

OmniaWrite - A text editor engineered for creative writing. Also on GitHub
TypeRunner.js - A simple typing game, which has 2-4 human players compete against each other. The one to first type out the entire block of text wins.
Hacker News clone built with Svelte. Also on GitHub.
Nomie - Mood and Life Tracker built with Svelte. Also on GitHub.
Cool showcase of many other apps made with Svelte

Useful code repositories 💻

svelte-grid - A responsive, draggable and resizable grid layout, for Svelte
Vime - Focused on making embedding and using media elements for the web simple
svelte-mui - A set of Svelte UI components inspired by Google's Material Design
svelte-component-template - A base for building shareable Svelte 3 components
svelte-loader - Webpack loader for Svelte components
svelte-routing - A declarative Svelte routing library with SSR support
Routify - Automated Svelte routes
svelte-inetllij - Provides syntax highlighting of Svelte components in WebStorm and friends
@testing-library/svelte - Simple and complete DOM testing utilities that encourage good practices
svelte-apollo - Svelte integration for Apollo GraphQL
Search repos more here
Explore some basic code examples

Developer Tools 🔧

As we said… not many field-tested developer tools available at the moment. However, this one is quite useful: Svelte DevTools browser extension for Chrome and Firefox

Stay updated about Svelte news 🏄🏻

The official Svelte blog
Why Svelte - a news aggregator built especially for Svelte news
daily.dev - Never miss an update about Svelte. Let daily.dev collect and rank the latest tech news for you every new tab
Svelte newsletter - get the latest Svelte news to your inbox bi-weekly

Did I miss an important resource? Comment below and let me know! 👇🏽

What do you appreciate in your workplace?

Nimrod Kramer — Sun, 02 Aug 2020 14:51:23 +0000

Recently, I've seen many complain about their workplaces and how they are not providing the right care for their employees. I do respect that in 100%. However, fortunately not every workplace is like that :) Some places are fantastic. Some companies and teams really know how to get the best of people and make them self-fulfilled.

I believe it is important that we also recognize the good things! So what do you appreciate about your workplace or your team?

To make it even more interesting, try sharing the name of the company you work for + what you appreciate about it! It feels good to show your gratitude.

For me, it's daily.dev
I love being able to be creative without limitations. I appreciate my team members for being supportive and highly-intelligent. I learn from them every day.

5 useful DevOps newsletters that will blow your mind 🤯

Nimrod Kramer — Thu, 30 Jul 2020 08:07:43 +0000

Why are you afraid of DevOps? is a fascinating discussion that recently took place here on DEV. It inspired me to look deeper into resources for people who are interested in DevOps but are not taking the step forward.

One of the reasons people are hesitating to start with DevOps is "lack of public knowledge". On top of that, our daily routine sometimes doesn't allow us the time to search for high-quality content. We believe that newsletters are one effective way to get curated content with almost no hassle.

There are many DevOps newsletters out there. This time we picked only 5 DevOps newsletters that we appreciate at daily.dev:

DevOps Weekly

One of the most senior newsletters for DevOps readers. With more than 400 weekly issues to date, Gareth has put together an excellent DevOps newsletter that can be easily digested by anyone. Always delivers relevant content. A weekly slice of DevOps news we highly recommend you to read!

https://www.devopsweekly.com/

KubeWeekly

The weekly newsletter for all things Kubernetes. It is one of the most prominent technologies used by DevOps engineers. Want to get curated updated about it? This newsletter will do the job for you.

https://kubeweekly.io/

DevOps'ish

DevOps'ish covers DevOps, cloud-native, and open-source news from a variety of sources. It is a fantastic source to pick up the latest trends. If you consistently read it, you will know what is going on in the DevOps sphere.

https://devopsish.com/subscribe/

This Week in DevOps

This Week in DevOps summarizes the latest announcements each week from AWS, Google Cloud, Azure, and Hashicorp so you can keep up with the latest announcements quicker than ever.

https://thisweekindevops.com/

SRE Weekly

A newsletter devoted to everything related to keeping a site or service available as consistently as possible. A bit old-school but you can surely learn a lot from it.

http://sreweekly.com/

I hope you guys enjoy it and let go of your fear of DevOps! It is such an exciting and sophisticated field.

Think there is another essential DevOps newsletter that we didn't mention? Let other devs know about it by posting a comment below.

DEV Community: Nimrod Kramer

Upcoming TED-like events for developers

The Monthly Dev: World-Class Talks by Expert Developers

Upcoming Events 🦄

The Monthly Dev 5 (May 2021) - RSVP Below 🚀

Redux, Career advise for devs, and freeCodeCamp

The Monthly Dev 6 (June 2021) - RSVP Below 🚀

The Monthly Dev 7 (July 2021) - RSVP Below 🚀

Developer Experience, AWS Amplify, and React Query

Why we started The Monthly Dev

Short background

TL;DR

Our mission

Consistency is key

What's unique about The Monthly Dev?

The Monthly Dev's DNA

See you there?

The Monthly Dev: World-Class talks free for everyone

What's The Monthly Dev?

Expert speakers

A RedwoodJS Getting Started Guide

Navigating the Technical Interview

RxJS & Reactive Programming Fundamentals

Schedule

See you there!

Coding interviews post COVID-19

What’s changed?

What does COVID-19 have to do with coding interviews?

No pre-interview small talks (well… not exactly)

You’re probably going to be stressed, but it’s fine

Eye contact is tricky

General advice for video interviews for programmers

Wrap up

AVIF - the next-gen image format you need to know about

What is AVIF?

Big tech companies are testing AVIF in scale

The case of Netflix

Supported features

Graphics examples and comparisons:

AVIF vs WebP

Supported browsers:

Try it yourself

Coding interviews: great tools and useful tips to make smarter choices

If you came here because you’re only interested in the tools review for preparing yourself for a coding interview, scroll down. However, since you’re already here, why not start from the beginning :)

Coding interviews as a GIF

What’s the deal with coding interviews?

Time is your most valuable resource

What do you need to know about the existing solutions?

Let’s review some cool tools to help you land your next job

Codewars

Skilled.Dev

LeetCode

Other common methods to prepare for coding interviews

freeCodeCamp

YouTube Channels

Crack the Coding Interview [Book]

Main things to consider before you go

How to know what users want

What’s product-market fit?

Why is it important?

Want to know more before you proceed?

How can I know what users want?

Ask them (works best)

Become a user yourself

Check your data for recurring behaviors

Study similar products in your space

Seek expert advice from your industry

Wrap up

More posts that might be insightful as well

15 Awesome Developer Home Workstations

1. The "Couples Who Code" workstation

2. The "B&W" workstation

3. The "Work Hard Play Hard" workstation

4. The "Neck Pain" workstation

5. The "Bookworm" workstation

6. The "Self-Surveillance" workstation

7. The "Visionary" workstation

8. The "Nature Boy" workstation

9. The "Practical Dev" workstation

10. The "Productivity God" workstation