DEV Community

Discussion on: Welcome Thread - v180

View post
Collapse
 
dipendud4s profile image
Dipendu Das •

Hello World 🙂,
I am Dipendu a self taught full-stack developer cum tech lead with 10 years of experience. At this point in my life I want to contribute a part of time to some open source projects and give back some of my skills to the world that gave me such an interesting career. Joining the community for ideas, network and collaboration.

Here is one of my open-source project that I am working on

GitHub logo websyncs / skratch

A minimal, lite weight and fast reactive UI framework built from scratch.

#️⃣ Skratch GitHub license npm version PRs Welcome

A very lite weight reactive ui framework, built from scratch. Inspired by Sinuous

Installation

npm i skratch
Enter fullscreen mode Exit fullscreen mode

Examples

There is nothing more needed to create an app rather than appropriate application of few lines of code. It feels more like native but works like react.

import { o, html } from 'skratch';
const count = o(1);
const App = () => html`
  <div>
    <div class="myclass">The count is ${count}</div>
  </div>
`;
setInterval(() => {
  count(count() + 1);
}, 1000);
document.body.append(App());
Enter fullscreen mode Exit fullscreen mode

Custom Component

Create a custom component with a function like react functional component and define it with a name to use inside another…

View on GitHub