cv
dflex
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
cv
- Ask HN: What projects exist to consolidate our professional identity online?
-
Ask HN: What Are You Working On?
I'm working on a new version of my CV (v1: https://cv.git-pull.com)
This time I'm writing it in React, Angular, and Vue (TypeScript across the board). It's in the very early stages, but keep it at https://github.com/tony/cv
While doing it, I've tried to find various ways to share the chart and data code across all 3 versions. The library I found to make it happen with data akita: https://datorama.github.io/akita/
For UX it's not so easy. The truth is, some of the best UI libraries are framework specific. This creates a lot of fragmentation in the frontend community IMO. For instance react has nivo, vicious, and react-vis, but at the end of the day it's svg and canvas underneath the hood. Still though, the efforts are amazing. It makes you wonder what it'd be like if there would be just one agreed upon way to write a widget. (There's web components, custom elements... but those won't even work with typescript out of the box)
In the past few years, that stuff that's been going on with webpack v5's persistent caching, TypeScript (and its tooling), and all 3 of these frameworks getting better is amazing.
Examples of charting software I've tried: https://cv-react-v2.git-pull.com/dev/branch/v2-billboard.js/, https://cv-react-v2.git-pull.com/dev/branch/v2-plotly/, https://cv-react-v2.git-pull.com/dev/branch/v2-carboncharts/
For the first time I've found a UI suite called Carbon: https://www.carbondesignsystem.com/, an IBM thing. I'm most impressed by their chart offering. Even though it's relatively new, they maintain bindings for react, vue and angular.
dflex
-
Introducing DFlex - A Modern Javascript Drag and Drop Library
I'd love for you to check out the DFlex website to see examples and live demos. Let me know if you end up building something cool with DFlex! I'm always looking for feedback to help improve the library.
- Show HN: Removing esbuild reduces bundle size by 30%
- DFlex – The JavaScript Library for Modern Drag and Drop Apps
- Show HN: DFlex – JavaScript framework for modern Drag and Drop apps
- DFlex - a Javascript library for modern Drag and Drop apps. It's built with vanilla Javascript and implemented an enhanced transformation mechanism to manipulate DOM elements
- DFlex: Javascript framework for modern Drag and Drop apps
- Show HN: JavaScript Drag-N-Drop Framework for Modern Apps
- Show HN: Enable DOM reconciliation for transformed elements
What are some alternatives?
LIPS - Scheme based powerful lisp interpreter in JavaScript
svelte-dnd-action - An action based drag and drop container for Svelte
cuvimaker - cuvimaker is an online editor of cv maker, SEO-friendly made in Astro using vue components and tailwind. This project is coded in typescript
rc-dock - Dock Layout for React Component
ngx-moment - moment.js pipes for Angular
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
mapbox-gl-js - Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
vue-smooth-dnd - Vue wrapper components for smooth-dnd
Oat++ - 🌱Light and powerful C++ web framework for highly scalable and resource-efficient web application. It's zero-dependency and easy-portable.
roost - Proof of Concept for Eventsourced backend
Papercups - Open-source live customer chat
UsTaxes - Tax filing web application