Martin Michálek Martin Michálek  – 6. 3. 2016

Proč dělat weby blbě, když je můžete dělat dobře? Třeba podle kontrolního seznamu ze Vzhůru dolů.

Checklist pro dokončení webu

Webařův checklist měl v podobě článku a PDF hezké ohlasy. Jenže… Článek v době, kdy existují aplikace snad i na drbání za uchem!? Pé dé ef ve století, ve kterém všechny potíže světa vyřešil React?!

Já vím, já vím. Obojí je trochu nepraktické. A proto vznikla tahle miniaplikace.

Funguje jak asi očekáváte:

  • Pro každý projekt si vytvoříte nový seznam a případně jej nasdílíte s kolegy.
  • Přidáváte, upravujte nebo mažete položky seznamů.
  • Apka vám bude ukládat průběžný stav plnění úkolů na serveru, abyste to měli dostupné ze všech zařízení.

Hlavní cílovou skupinou jsou frontend kodéři. Největší využití checklist najde pro dokončovací práce na statických webech. Je v něm ale řada překryvů do backendu i dalších webařských řemesel. Zkuste si to.

Jak je to udělané?

Checklist je napsaný v Reactu, backendové API v Nette.

Prakticky vše co v checklistech vidíte je frontendová React aplikace. Ta žije v lese tagů uvnitř jednoho malého, serverem generovaného, divu:

<div id="vd-checklist-app" data-lang="cs"></div><script src="vzhurudolu-checklist.min.js"></script>

Serverová část je tady velmi tenká. Slouží jen pro obsluhu databáze Reactem požadovaného API.

Jak víte, webové aplikace nedělám, specializuji se na prezentační weby. Ale s kombinací Reactu a PHP se pracovalo hezky. Ještě hezčí by samozřejmě byl nějaký univerzálně javascriptový systém. Myslím ale, že v případě stávajících webů nic nebrání vkládání miniaplikací stejným způsobem.

PHP generuje statickou, roboty indexovatelnou stránku a poskytuje API. React je skvělý pro vysoce interaktivní rozhraní, tedy aplikace.

Vyzkoušet checklist

Nápady a připomínky k funkčnosti i obsahu velmi vítám: [email protected].

S Reactem pomohl Martin Staněk. S Nette částí pak Přemek Koch. Díky, pánové!