Creating a TODO app in 60 seconds, from my iPhone

I got some pepper about my previous blog, where I hinted towards the fact of that Facebook doesn’t want to give you great web app development tools – Because it’s not in their interest to help you create great web apps. Therefor I thought I’d illustrate a simple point, by utilising a kick ass cool feature from iOS 11 – Screen capture!

In the video below I am creating a simple TODO app using Phosphorus Five. This is a very interesting problem, because of that there’s another guy who created a youtube video demonstrating how to create something similar using React.js. The guy is obviously a pretty skilled coder, and created a great video. However, he spends 45 minutes on this video, and according to GitHub where his project is hosted, he couldn’t find the time to squeeze in even a simple checkbox, to make it possible to mark your items as “done”. Notice, I don’t need to create as much as a single line of code in my video. First watch my video below, then let me walk you through the other guy’s code, to demonstrate why Phosphorus Five is simply the superior tool for creating web apps, if you compare it to React.js.

Notice, I realise that the Camphora-Five “app generator” is not 100% perfectly displayed on my iPhone. However, I am still perfectly able to create a TODO app, with MySQL database support, server-side code, Ajax mapping, and the whole shebang – And I am doing it in 60 seconds. And I didn’t need to create a single line of code!

Then afterwards you can watch the other guy’s video, if you wish, and have 45 minutes to kill – Even though technically there’s no point to be honest with you …

According to the GitHub project site for his TODO app, his app contains the following.

  • 11 lines of CSS in “app.css”
  • 57 lines of JavaScript in “App.js”
  • 8 lines of JavaScript in “App.test.js”
  • 5 lines of CSS in “index.css”
  • 8 lines of JavaScript in “index.js”
  • 108 lines of JavaScript in “registerServiceWorker.js”
  • 9 lines of JavaScript in “header.js”
  • 31 lines of CSS in “todoInput.css”
  • 33 lines of JavaScript in “todoInput.js”
  • 18 lines of CSS in “todoItem.css”
  • 20 lines of JavaScript in “todoItem.js”
  • 40 lines of HTML in “index.html”
  • 15 lines of JSON in “manifest.json”
  • 16 lines of JSON in “package.json”

Ignoring the fact that there’s 14 files the client needs to download, even before we start downloading React.js – There are a total of 379 lines of code, in 4 different languages, and there is not even a server side implementation to accept the input data, and stuff the items into a database. Not to mention that there’s not even a simple checkbox in there, to mark your items as done – And the guy spent 45 minutes creating the app. Yet again, he’s obviously a skilled coder. However, I want to emphasise a simple fact.

Facebook doesn’t want you to succeed when creating web apps, because it is potentially damaging their business model, by allowing you to create great web apps

Hence, discussing the “license terms” of React.js, is like discussing the packaging of your toilet. A toilet gives you shit in, and shit out, period! And so does React.js!

For the record, my Phosphorus Five TODO app, has the following features.

  • MySQL database support
  • Ajax mapping
  • Highly rich and interactive
  • Responsive rendering
  • Extremely low bandwidth consumption
  • “Never ending scrolling” to automatically feed the grid with more items as you scroll
  • #hash tag support
  • Markdown support for the description of your items
  • Exporting items to a CSV file
  • Importing items from a CSV file (also by dragging and dropping a CSV file unto the surface of your browser)
  • Creating new items
  • Editing existing items
  • Deletion of items (which asks you to confirm deletion in a modal window)
  • And I created it is 60 seconds, from my iPhone!!
  • Etc, etc, etc …

Sorry guys, the discussion about “React.js license terms” is simply a mute debate …

Duscissing the license terms of React.js, is like discussing the wrapping of a turd. React.js sucks, and no “license terms” will ever change that

If you want to try my app, feel free to visit my personal home server.


Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.