f-f / Purescript React Basic Todomvc
Licence: mit
TodoMVC with purescript-react-basic
Stars: ✭ 47
Programming Languages
purescript
368 projects
Projects that are alternatives of or similar to Purescript React Basic Todomvc
vue-vuex-todomvc
Example TodoMVC Vue.js app with Vuex store and server backend via REST
Stars: ✭ 41 (-12.77%)
Mutual labels: todomvc
Fibos Todomvc
Todo DApp for FIBOS blockchain by React and fibos.js
Stars: ✭ 12 (-74.47%)
Mutual labels: todomvc
todo-graphql-example
Example Todo app on top of json-graphql-server
Stars: ✭ 20 (-57.45%)
Mutual labels: todomvc
angular2-esnext-todomvc
Angular TodoMVC application in Javascript (ES6/ES7).
Stars: ✭ 132 (+180.85%)
Mutual labels: todomvc
rust-webview-todomvc-yew
lightweight desktop todomvc implementation using rust,wasm and web-view
Stars: ✭ 92 (+95.74%)
Mutual labels: todomvc
symfony-angular-todomvc
An implementation of TodoMVC using AngularJS and Symfony REST Edition
Stars: ✭ 94 (+100%)
Mutual labels: todomvc
Todomvc Wasm
A TODO MVC implementation using web-sys to make WASM
Stars: ✭ 44 (-6.38%)
Mutual labels: todomvc
React Mobx Typescript Boilerplate
A bare minimum frontend boilerplate with React 16.7, Typescript 3.2 and Webpack 4
Stars: ✭ 378 (+704.26%)
Mutual labels: todomvc
awesome-angular-learning
🕶️ Awesome Angular Learning Resources, Courses & Examples
Stars: ✭ 26 (-44.68%)
Mutual labels: todomvc
stimulus todomvc
[WIP] An implementation of TodoMVC using Ruby on Rails and StimulusJS
Stars: ✭ 14 (-70.21%)
Mutual labels: todomvc
purescript-recompose-todomvc
TodoMVC <<< React <<< Recompose <<< Redux $ PureScript
Stars: ✭ 28 (-40.43%)
Mutual labels: todomvc
Todomvc Mithril
TodoMVC app using Mithril.js with CoffeeScript and Brunch
Stars: ✭ 15 (-68.09%)
Mutual labels: todomvc
workshop-todo-dapp
A workshop into adding realtime collaboration in a typical To-do app
Stars: ✭ 29 (-38.3%)
Mutual labels: todomvc
todomvc-vue-composition-api
TodoMVC built with Vue 3 Composition Api and Vuex
Stars: ✭ 105 (+123.4%)
Mutual labels: todomvc
Deep Microservices Todomvc
Todo Microservice is built on top of DEEP Framework using Microservices Architecture
Stars: ✭ 44 (-6.38%)
Mutual labels: todomvc
Simple Todo With React And
📝 a simple react demo to learn flux/reflux/redux
Stars: ✭ 29 (-38.3%)
Mutual labels: todomvc
Aws Amplify Vue
A Vue.js starter app integrated with AWS Amplify
Stars: ✭ 359 (+663.83%)
Mutual labels: todomvc
react-basic
TodoMVC
PureScript An implementation of TodoMVC in PureScript using the react-basic
library.
You can see this deployed here at purescript-react-basic-todomvc.netlify.com
Project structure
- Entry point for the app is
index.js
, that imports React and just instantiates theTodo.Main
component (defined in PureScript). This is where you might want to hook up more JS components in your project. - The tasklist is defined in the
Main
component. The list of tasks is kept in this component'sState
, together with some more things (e.g. the current selector, etc.) - The above component then creates a
Task
component for every task. The only state we need to keep in it is the current edits for a focusedTask
. - Some things are achieved with a thin layer of JS FFI: LocalStorage and routing
Development
## Install npm dependencies, PureScript compiler, etc
npm install
## Build the PureScript project
npm run build
## Start the dev server with hot reload and stuff
##
## Note: Parcel has hot reload on JS files only, so if you'd like to reload
## when changing PureScript files, you have two options:
## - use an editor integration - this will run `purs ide` and recompile the files you edit
## - run `spago build --watch` in another terminal
##
## Note: the hot reload won't work if you change any FFI file,
## so you'll have to `yarn build` again in this case.
npm start
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].