• Stars
    star
    125
  • Rank 285,244 (Top 6 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 8 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

200 lines realtime todos app powered by next.js, preact, jet, redux and now

next-todos

About 200 lines isomorphic todos app powered by next.js, redux and Jet realtime.

The todos are synced between browsers.

Live

The canonical TodoApp using node-jet as realtime data backend mechanism. Jet uses websockets for fetching/streaming the data and to make changes to the data. Redux and redux-jet are used for a clear and simple unidirectional data flow.

next.js allows to easily make the server -> client render transition (awesome!!!).

redux-jet hides the stateful nature of the realtime streaming (where differences are pushed over the wire) and helps doing the isomorphic transition with get and fetch seamlessly.

It's note worthy, that the redux store is identical for server and client js code! The only difference is that the store population on the server is triggered by the "finite" redux-jet get whereas the client issues an "infinite / streaming" redux-jet fetch

The components are jet-agnostic. All the jet related stuff is located in containers dir and store.js.

Server

The server source can be found here (90 Lines extra).

Inspect with Radar

Radar provides another view on the realtime data which is provided by a Jet Daemon running on todos-demo.now.sh.

Enter this daemon url: wss://todos-demo.now.sh

Developing

npm run dev

Production

npm run build
npm start

Not covered

  • Authentication / session
  • Scaling

Related

100 lines of code Hackernews reader using next.js and graphql.

More Repositories

1

login-with

Stateless login-with microservice for OAuth
JavaScript
2,318
star
2

lua-websockets

Websockets for Lua.
Lua
375
star
3

doclets

Hosted automated jsdoc API documentation
JavaScript
205
star
4

tango

A simple and transparent RPC module for Lua.
Lua
54
star
5

hackernews

100 lines of code Hackernews reader (with the help of next.js).
JavaScript
45
star
6

nodish

A Lightweight Lua equivalent to Node.js
Lua
38
star
7

img-min

A responsive, lazy, microservice/CDN backed image web-component
JavaScript
32
star
8

lua-jet

Realtime Message Bus for the Web. Lua Implementation
Lua
32
star
9

ludent

A primitive Lua indenter / formatter / beautfier
Lua
19
star
10

likes

Easily query social media likes/followers without tokens (for node)
JavaScript
16
star
11

zbus

A simple TCP/IP based message bus in Lua.
Lua
12
star
12

Arduino-Jet

Jet lib for Arduino (http://jetbus.io)
C++
9
star
13

jet-chat

A jet and next.js powered chat demo.
JavaScript
9
star
14

tinker

Lua module for tinkerforge bricks and bricklets
Lua
5
star
15

lualibusb

the unmodified lualibusb 1.0 brought to github with rockspec
Lua
5
star
16

img-scale

An image scaling microservice
JavaScript
4
star
17

lua-step

Un-nest asynchronous control flow.
Lua
4
star
18

wappcam

A web application for remote camera control. The student's output of my lecture at the Hochschule Darmstadt.
JavaScript
4
star
19

fit-text

A fit text to width responsive web component
JavaScript
4
star
20

jet-js

Jet for Browser. Deprecated repo.
JavaScript
3
star
21

lazycats

A lazy loading list of cat gifs using `IntersectionObserver`
JavaScript
3
star
22

enterjs-nextjs-news

Source from my live coding / talk at the EnterJS 2019
JavaScript
2
star
23

react-router-hash-route

Enable hash / id based routes with react router
JavaScript
2
star
24

react-array-perf

React array performance measurement
JavaScript
2
star
25

emitter

node.js inspired integration of lua-ev with sockets,etc
Lua
2
star
26

acme-jsdoc-example

Test repo for doclets.io
JavaScript
1
star
27

next-webcomponents-test

JavaScript
1
star
28

config

xressources emacs etc
1
star
29

slocit

JavaScript
1
star
30

dotfiles

Lua
1
star
31

test-sb

1
star
32

next-eval-bug

JavaScript
1
star
33

next-playtime

JavaScript
1
star
34

gatsby-starter-netlify-cms

JavaScript
1
star
35

lua-ev-nexttick

The lua-ev equivalent to node.js process.nextTick
Lua
1
star
36

libwebsockets-exp

NOT REQUIRED ANY MORE. modify libwebsocket to make binding it to Lua easier
C
1
star
37

next-11-1-0-preact-bug

Bug demo
JavaScript
1
star
38

Todo-Next.js-noscript

Todo App written in Next.js which works with JavaScript disabled
JavaScript
1
star
39

next-now-github-ci-cd

Testing Next.js with the Now GitHub CI/CD
Dockerfile
1
star