Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Make your JavaScript projects more accessible t...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Matija Marohnić Matija Marohnić
October 09, 2020
Programming
0
78

Make your JavaScript projects more accessible to newcomers

Avatar for Matija Marohnić

Matija Marohnić

October 09, 2020
Tweet

More Decks by Matija Marohnić

See All by Matija Marohnić
Goodbye jsdom/happy-dom, hello Vitest Browser Mode!
Avatar for Matija Marohnić silvenon
0
9
Introduction to Remix
Avatar for Matija Marohnić silvenon
0
140
Cypress vs. Playwright
Avatar for Matija Marohnić silvenon
0
160
Studying Strapi: an open source head headless CMS
Avatar for Matija Marohnić silvenon
0
48
CSS Specificity
Avatar for Matija Marohnić silvenon
0
46
React Hooks
Avatar for Matija Marohnić silvenon
0
84
PostCSS
Avatar for Matija Marohnić silvenon
0
45
CSS Custom Properties
Avatar for Matija Marohnić silvenon
0
41
Maintainable Integration Testing in React
Avatar for Matija Marohnić silvenon
0
48

Other Decks in Programming

See All in Programming
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
450
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
100
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
980
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
230
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.7k
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
280
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
290
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
生成AIを使ったコードレビューで定性的に品質カバー
Avatar for Chiaki Okamoto chiilog
1
270
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
210

Featured

See All Featured
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210

Transcript

  1. Pisanje blog posta Matija Maronhić Improvement Day

  2. Pisanje

  3. “Ne znam dobro engleski ” • Andrey Sitnik (PostCSS, Autoprefixer

    itd.) • 5 gramatičkih pogreški u svakoj rečenici • nikoga nije briga jer radi zakon stvari

  4. “O čemu da pišem?” • o tome što si naučio

    prošli tjedan • ja sam napisao blog post o tome kako se riješiti moljaca • nijedan blog post nije previše kratak ili previše osnovan

  5. “Make your JavaScript projects more accessible to newcomers”

  6. Developer experience (DX) • ljudi dolaze i odlaze iz projekta

    i firme • dobar DX čini projekte fleksibilnijima • zbog lošeg DX-a se ljudi koji se tek zagrijavaju mogu osjećati zapostavljeno ili neadekvatno • ali mnogi developeri mrze raditi na tome

  7. Progressive disclosure • uzorak u interaktivnom dizajnu • zašto ne

    primijeniti nešto slično u DX-u? • postupno otkrivati logiku projekta

  8. npm skripta

  9. npm skripta

  10. gulp task

  11. Dokumentacija • dobre konvencije > dobra dokumentacija • automatizirati što

    je više moguće • out of sight, out of mind

  12. Automatizacija dokumentacije

  13. Automatizacija dokumentacije

  14. Umjesto CONTRIBUTING.md • npm skripte (npr. prepublishOnly) • git hookovi

    • deskriptivni errori

  15. Konvencije • lintanje pomoću pre-commit, commit-msg • verzija Yarna pomoću

    “engines” • minimizacija CONTRIBUTING.md

  16. “DX Developer”? “Platform Developer”?