nowfound

Life & fun · December 2, 2014

My Attempt to Recreate Angular / React in 50 Lines of JS

A simple react / angular clone. Well, that's the end goal anyway. Just an experiment. - zackify/Simpler

My Attempt to Recreate Angular / React in 50 Lines of JS launched on December 2, 2014 with 11 votes and more than 75% of that year's launches. The site was still online in September 2026, 11 years on.

In plain words

Simpler is an experimental JavaScript framework that attempts to recreate core functionality of Angular and React in approximately 50 lines of code. It is designed for developers interested in understanding how popular frontend frameworks work under the hood. The project demonstrates fundamental concepts of reactive programming and component-based architecture in a stripped-down format.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • refine.new2023 · ▲462

    100% open-source React framework to build web apps

  • One – A new React framework unifying web, native and local-first2024 · onestack.dev · ▲506

    Hey HN, I'm Nate, the creator of Tamagui. One is a React framework that does two things differently in hopes of simplifying how we build websites and apps: 1. It unifies React Native and React web with typed file system routing by making Vite able to serve RN. This lets you share (or diverge) your code in a simpler way for cross-platform apps. 2. We've partnered with Zero (https://zerosync.dev) to make local-first work well. We've been building a solution in One that makes Zero supporting server rendering, without waterfalls, and with seamless server/client handoff. ---…

  • refine2022 · github.com · ▲480

    100% open source React framework to build web apps 3x faster

  • Convert any website into a React component2024 · chromewebstore.google.com · ▲326

    Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…

  • Atomize React2019 · atomizecode.com · ▲378

    An open source design system for ReactJS

  • CR
    Copy React code from any site2022 · sample-code.aspect.app · ▲374

    I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, December 2014

the whole month →
  • Noizio▲779

    Ambient background sounds for your Mac

    Work · 2014 · noizioapp.com

  • Use your iPad as a second display for your Mac

    Work · 2014 · duetdisplay.com

  • A simple way to bookmark & curate product collections

    Life & fun · 2014

  • Workflow▲556

    Automate things you do every day on your iPhone/iPad

    Dev tools · 2014 · apps.apple.com

  • Clear, effective, mistake-free writing everywhere you type.

    Work · 2014 · grammarly.com

  • Front 2.0▲500

    Shared team inboxes to manage Email, Twitter, SMS & more

    Work · 2014 · front.com