Remotion is a suite of libraries building a fundament for creating videos programmatically using React. Why create videos in React? Leverage web technologies: Use all of CSS, Canvas, SVG, WebGL, etc. Leverage programming: Use variables, functions, APIs, math and algorithms to create new effects Leverage React: Reusable components, Powerful composition, Fast Refresh, Package ecosystem Example videos …
D3.js and Basics
D3.js is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. It makes use of Scalable Vector Graphics, HTML5, and Cascading Style Sheets standards. It is the successor to the earlier Protovis framework. D3 was designed for more than just graphs and charts. It’s also capable of presenting maps, networks, and ordered …
Handling errors with Apollo
Any application, from simple to complex, can have its fair share of errors. It is important to handle these errors and when possible, report these errors back to your users for information. Using GraphQL brings a new set of possible errors from the actual GraphQL response itself. With that in mind, here are a few …
Ckeditor5: real-time collaboration
CKEditor 5 real-time collaboration features let you customize any CKEditor 5 build to include real-time collaborative editing, commenting and suggesting features and tailor them to your needs. Real-time collaboration consists of four features delivered as separate plugins that can be used with any CKEditor 5 build: Real-time collaborative editing – Allows for editing the same …
Figmagic
Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents. Originally inspired by Salesforce Theo. Figmagic promotes a structured way of assembling design systems. Following the primary principle of atomic design, Figmagic wants you to build from the bottom up, beginning with decomposing the tokens. Tokens shape elements, which form components, …
Yup
Yup is a JavaScript schema builder for value parsing and validation. Define a schema, transform a value to match, validate the shape of an existing value, or both. Yup schema are extremely expressive and allow modeling complex, interdependent validations, or value transformations. Yup’s API is heavily inspired by Joi, but leaner and built with client-side validation …
TypeORM
TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8). Its goal is to always support the latest JavaScript features and provide additional features that help you to develop any kind of application that uses …
PageTour.js
A lightweight tour composer to guide your visitors, onboard new users, highlight new features, make your product easier and build a stunning online user experience. http://www.pagetourjs.com/