Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ifyoumakeit/davey

Dave's Alternate View Interpretation (Rebuilding React/Redux from scratch)
https://github.com/ifyoumakeit/davey

cssinjs diff dom jsx react redux styled-components typescript vdom

Last synced: about 4 hours ago
JSON representation

Dave's Alternate View Interpretation (Rebuilding React/Redux from scratch)

Awesome Lists containing this project

README

        

# 👦🏻 davey

**Dave's alternate view engine yeah!**

Using my brain to recreate React, Redux and CSS-in-JS from scratch/memory. I promise not to read any React or Redux docs or articles while creating this.

(AKA Recreating the wheel)

[![CircleCI](https://circleci.com/gh/ifyoumakeit/davey.svg?style=shield)](https://circleci.com/gh/ifyoumakeit/davey)
[![codecov](https://codecov.io/gh/ifyoumakeit/davey/branch/master/graph/badge.svg)](https://codecov.io/gh/ifyoumakeit/davey)

## Packages

| Version | Packages |
| :-------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------- |
| ![davey npm badge)](https://img.shields.io/npm/v/davey.svg?colorB=cb3837) | **[davey](packages/davey)**
Davey helps you build UIs |
| ![davey-dom npm badge)](https://img.shields.io/npm/v/davey-dom.svg?colorB=cb3837) | **[davey-dom](packages/davey-dom)**
Davey package for working with the DOM |
| ![davey-server npm badge)](https://img.shields.io/npm/v/davey-server.svg?colorB=cb3837) | **[davey-server](packages/davey-server)**
Davey package for working with the server |
| ![davey-store npm badge)](https://img.shields.io/npm/v/davey-store.svg?colorB=cb3837) | **[davey-store](packages/davey-store)**
Redux-like store |

## Deployment

Davey uses Lerna with conventional commits through TravisCI.

## Features

* [x] JX2JSX
* [x] Stylin' inline
* [x] Handle some clicks and blurs
* [x] Basic state management
* [x] Support multiple children
* [ ] Type some Typescript
* [ ] Add a splash of CSS to my JS
* [ ] Diff Dat Dom
* [x] Basic Node business

---

* [x] Bundling with Parcel
* [x] Transpilation with Babel

## CodeSandbox Examples (also in examples folder)

* [Hello World](https://codesandbox.io/s/github/ifyoumakeit/davey/tree/master/examples/hello)
* [Isomorphic](https://codesandbox.io/s/github/ifyoumakeit/davey/tree/master/examples/isomorphic)

# Quick start

1. `git clone [email protected]:ifyoumakeit/davey-starter.git`
2. `cd davey-starter`
3. `yarn`
4. `yarn build`