This post is part 1 of 3 in the series From Design to Code
The focus of the post is web design and development, but most of the concepts and methodologies can be applied to other platforms (like mobile or desktop apps) as well.
So many words are buzzing these days around web design: Design Systems, Atomic Design, Component Driven Development, Design Driven Development, and other terms with the word “Design” in them. But you're a frontend dev, so why should you care?
The first reason is that— good development work requires a good understanding of the other people and…
This is a (very) opinionated post, but you’ve probably inferred that from the title already. You won't learn about any cool feature or fresh js library after reading it, but hopefully, it might help you write more maintainable components and apps. So, what I’m aiming at, and why?
In the React Documentation you can see some simple example for Spread Attributes usage:
The Docs comes with the following suggestion/warning:
Spread attributes can be useful but they also make it easy to pass unnecessary props to components that don’t care about them or to pass invalid HTML attributes to the…
CSSTransitionGroup is not part of react-transition-group API since 2017
The up-to-date (2021) API can be found here
hope it helps anybody
Apollo Client 3.0 was announced last July. This version comes with lots of goodies. One of them is nice Hooks support for Queries, Mutations, and Subscriptions. This gives you a better way to initiate GraphQL operations from Components while keeping code clarity. This article assumes you know the basics of GraphQL.
GraphQL is A query language for API, which can be an alternative to traditional REST.
TL;DR — Text is draggable by default. When combining Drag and Drop API with Selection API, You can make any part of the text drag-able, with minimal efforts. Here is the code.
HTML drag and drop API is pretty great (And not just because it’s a good excuse to put D&D images in this blog ;-). It’s proving a way to make almost any HTML element draggable. What’s worth mentioning is, that some elements are draggable by default:
In a web page, there are certain cases where a default drag behavior is used. These include text selections, images, and links…