Mike @mootoday Twitter profile

Pinned Tweet

Mike

@mootoday

6 months

Beyond the Bottom Line: The ROI of Investing in Developer Experience I put a few thoughts on paper, so to speak.

1

0

10

Last Seen Profiles

@Gsevval8

@hoomankamel

@ptaysgolyllys

@YlckEKsNP9spgGy

@ENettik57154

@ice93211

@UNDEFEATEDinc

@bri4nh3nry

@Meidas_Wendy

@SaSa326_

@DENISEJOHNSTO10

@karetreborn

@malsmart

@ywNDWzkr7zMTHq

@Jaylen10_

@gooning_wb

@Birrrla

@KateMiller_001

@Ej_Europe

@deema_alkhaldi9

@XoRubyChann

@reyrutinya

@patrdoy

@ycnsokt

@nvrinadriana

@Margari38362325

@kevinonymous

@stw_pdg

@pnum_official

@FolketsBioVxjo

@InfoNewsABC

@Hz_vff

@KapanlagiKorea

@hashibira_77

@YTPep5

@diarmuidkearney

Mike

@mootoday

1 year

How do you sort your imports? Yes

253

79

2K

Mike

@mootoday

1 year

Take note web developers! If I can't copy a URL and share with anyone on my team for them to see the same content I looked at, your product won't catch on and I'll find an alternative solution.

Peer Richelsen — oss/acc

@peer_rich

1 year

i wish more apps would use URL for state makes bookmarking easier too!

10

9

275

25

26

585

Mike

@mootoday

3 months

Hot take 🔥 These are not steps that belong in your CI pipeline. Why not you ask? Because lint-staged and git hooks exist.

153

14

554

Mike

@mootoday

1 year

Today marks the day I say goodbye to Typescript as I've known it 👋. • No more .ts files • No more source maps or lack thereof • No more "convert my .ts to .js files and store them in some other directory" JavaScript with JSDoc comments it is. Starting with my libraries.

44

27

546

Mike

@mootoday

1 year

I'm at a conference and listening to what young people talk about is fascinating. They literally waste money and time trying to solve problems for which we've had solutions for years... Auth, blob storage, web app deployments, CORS (yes... CORS...)

21

33

428

Mike

@mootoday

4 years

Less than 60 lines of @github actions workflow config to wait for a @vercel preview URL, then run @____lighthouse , @Cypress_io and #a11y tests against that URL in parallel.

8

55

388

Mike

@mootoday

3 years

JSX should not be part of JavaScript

20

14

325

Mike

@mootoday

2 months

@eloffd Engagement bait... This has nothing to do with React. You can write dumb code in any language.

6

0

325

Mike

@mootoday

2 years

I don't want to hurt anyone's feelings, but holy cow is React a mess. What does this code snippet even do 😰?! There's an `if` statement to check a variable, which is set in some sort of promise-land, but `useEffect()` seems to be synchronous?! Long day, I'm out :)

104

13

252

Mike

@mootoday

1 year

"Prisma sucks" (not the exact wording used) First time I disagree with anything Rich Harris said ☺️. Maybe it's just because his paycheck is sent by Vercel now and using raw SQL in a JavaScript file is what they do :). In any case, Prisma is my go-to.

Raw queries

Learn how you can send raw SQL and MongoDB queries to your database using the raw() methods from the Prisma Client API.

www.prisma.io

26

4

209

Mike

@mootoday

3 years

React developers: 🎉 a new state management library has been released. Svelte developers: 🥱 we use built-in stores and haven't learned a new concept in ages.

6

17

192

Mike

@mootoday

3 years

How to start 2022 as a new web developer: • ✍️Publish an article per week to share your journey • 🧑‍🎓Learn HTML • 🧑‍🎓Learn CSS • 🧑‍🎓Learn Javascript • 👷Develop a blog • 🧑‍🎓Learn Svelte • 🧑‍🎓Learn SvelteKit • 👷Improve your blog 🧵👇

6

54

148

Mike

@mootoday

6 years

Such a pleasant developer onboarding experience @withspectrum ! I've got a 15 minute video, auto-generated by @Cypress_io end-to-end tests, that teaches me everything I need to know about the project. Next:How can I store videos for feature happy paths and use it in documentation?

1

22

142

Mike

@mootoday

7 years

TIL: Don't run `./node_modules/.bin/<your-binary>` in your CLI. Instead, run `yarn <your-binary>`. Just like binaries are available directly in npm scripts, @yarnpkg knows how to run them in the CLI.

6

35

128

Mike

@mootoday

8 years

TIL: Javascript's automatically creates an <a> element.

2

55

111

Mike

@mootoday

3 years

IKEA ♥️ Svelte Brave ♥️ Svelte Gitpod ♥️ Svelte Give it time and 🗺️ ♥️ Svelte

antony 

@antony

3 years

Apple ❤️ Svelte

3

30

10

17

102

Mike

@mootoday

4 months

Vite is fast and I would never go back to anything else. However, I'd go forward and give Farm a go! Vite-compatible, but waayyy faster according to their website.

Farm Documentation | Farm

Description will go into a meta tag in

www.farmfe.org

12

10

101

Mike

@mootoday

3 months

Goodbye dotenv, hello dotenvx 👋 This is goooood, really gooood! Encrypted .env files are such a big deal.

From dotenv to dotenvx: Next Generation Config Management

A leap forward in configuration management for dotenv

dotenvx.com

1

16

98

Mike

@mootoday

5 years

"Why I moved from #reactjs to @sveltejs and others will follow"

7

32

92

Mike

@mootoday

2 years

A @sveltejs click-outside action. Repl at .

6

16

94

Mike

@mootoday

3 years

@ProjectKenneth The question is unclear to me. If you meant in his free time, his answer is fine. If you want to know how he fits studying into his workday, then yeah not an ideal answer. I constantly learn stuff well beyond my day job, but I enjoy it. I don't expect that from everyone.

1

3

91

Mike

@mootoday

1 year

Ok I'm turning this into a thread... "NO! You need to look into GrapQL. Don't use REST for this. GraphQL is much newer and used at Facebook."

2

1

84

Mike

@mootoday

11 months

@LadyBluenotes Seems risky... fixed it 👇

1

0

86

Mike

@mootoday

3 years

I hope you're all ready for 2022 🥳. It's the year of: • Gitpod • Svelte & SvelteKit • Tailwind CSS • Prisma • pnpm • changesets (automated changelogs) For persistence, I don't have a clear view yet. Maybe Supabase or Fauna, but I also see potential for DBs on Railway.

6

8

87

Mike

@mootoday

3 years

"SvelteKit & Prisma - A match made in digital heaven" Learn how to add @prisma to a @sveltejs SvelteKit app. A link to the GitHub repo is included.

3

14

85

Mike

@mootoday

2 years

Oh boy... what a day for @gitpod 😭. Student plans cancelled, self-hosted cancelled, features locked behind a credit card, prices up at least 56% (for some even 210%). A product built by over 200 contributors, free of charge. VC-funded open source may not be what we want.

9

10

81

Mike

@mootoday

3 years

I'm pleased with that result 🚀. On average, 1 person has viewed my new Full Stack Web Development course PER SECOND for the past ten hours 😅! Course: AMA in a few hours:

3

8

79

Mike

@mootoday

1 year

@matschik_ I presented at a local meetup this week, showed a HTML form and asked how to submit this to the backend. The first answer was about binding fields to variables, then build a click handler, then submit, then process JSON response...

7

77

Mike

@mootoday

2 years

There is (going to be) an entire generation of developers who believe className is a valid HTML attribute.

10

2

77

Mike

@mootoday

2 years

Show me a more readable snippet written in your favorite frontend framework.

21

4

76

Mike

@mootoday

1 year

In a talk about state management with SSR. "The Vercel team will figure it out."

1

68

Mike

@mootoday

2 years

If you have a @sveltejs store you want to persist to local storage, use by @joshnuss . The migration from a regular store to a persisted store couldn't be any simpler. Nicely done, Josh 👏!

4

6

72

Mike

@mootoday

8 years

So long, AVA. Inspired by @kentcdodds and what I heard in discussions at @ReactRally , I replaced AVA with Jest.

5

24

70

Mike

@mootoday

3 years

There it is! @sveltejs SvelteKit 1.0.0-next.292 introduced a config.kit.prerender.default option 🙏! That's 420 files that no longer require `prerender = true`. One less thing to worry about as more and more people contribute to the Gitpod website repo 🥰.

3

7

67

Mike

@mootoday

1 year

Talking about Vercel. It is absolutely shocking how often people referred to them as if they were the only provider available. When I brought up Netlify, Cloudflare, Cloud Run, , etc I got that look of "Who are you? It's Vercel or nothing"

10

2

66

Mike

@mootoday

2 years

I've wanted to experiment with @sveltejs and #xstate for a while... May I present: tonight's dinner project. Try it: The UI layer & state machine look clean (see replies), but there's a learning curve for XState of course.

1

5

64

Mike

@mootoday

3 years

When you live in my neck of the woods 🇨🇦, you must take full advantage of any sunny hours 🌞! Which means I'm now running an evening shift to create an upcoming full-stack web development course, developed entirely on @gitpod . • No local code • No local server • No local DB

6

4

67

Mike

@mootoday

3 months

@natmiletic Tell them to try Ctrl + R

0

65

Mike

@mootoday

3 years

Thanks to someone (who's not on Twitter) in the Gitpod community, I learned that @storybookjs now supports the native format for Svelte stories. This is beyond exciting for anyone who writes @sveltejs components!

1

8

65

Mike

@mootoday

3 months

@meijer_s Why? My dependencies recently started to work with Node 0.4 😂

1

0

65

Mike

@mootoday

3 years

Lots of @solid_js vs @sveltejs talk recently. I certainly support anything that has developer and end user experience in mind. BUT... I see no reason why JSX still exists. Why do I need to write JavaScript to create HTML? Just let me write HTML, with a bit of added logic syntax

11

9

60

Mike

@mootoday

8 months

@frantzfries It has all the flaws the other cloud-only solutions have as well... I realized cloud-only is the worst kind of lock-in you can imagine. For every downtime, you're entire team is dead in the water. Local-first, cloud-optional is the solution.

3

0

60

Mike

@mootoday

1 month

@KevinNaughtonJr But they care how frequently you release new features and how long it takes to fix bugs. Pick the wrong tech stack and you're screwed.

1

0

60

Mike

@mootoday

1 year

@MatijaSosic The main reason I give it a try is because the code I ship as part of the library is the same code I write. This makes debugging very efficient. It also lets any users of the library change the code in node_modules, test it, and open a PR if they find a bug

3

2

59

Mike

@mootoday

3 years

@traversymedia 1️⃣ Discuss the project idea with people 2️⃣ UI prototype 3️⃣ Collect user feedback 4️⃣ Architecture design 5️⃣ Pick a backend/API & database 6️⃣ Build the app Later this year, will significantly speed up the development of a full-stack app.

Learn full-stack web development | Webstone Education

With Webstone Education, you choose your tech stack and we provide continuous course updates.

www.webstone.app

3

8

56

Mike

@mootoday

2 years

Well then, here's your @sveltejs todo app written by a chat AI. The end of VS Code is near 😎

12

4

54

Mike

@mootoday

2 years

If you have @sveltejs SvelteKit hooks that only apply in certain scenarios, here's a pattern I use. For `/api` requests, I have a few related hooks. For any other request, these hooks are not needed.

0

5

57

Mike

@mootoday

6 months

@htmleverything No way, make them read books and chat via IRC.

5

1

56

Mike

@mootoday

3 years

Yet another example of why @sveltejs SvelteKit continues to be my web framework of choice. They recognized a pattern of how developers use endpoints, simplified that pattern and built it into the framework.

Shadow endpoints (makes `load` boilerplate unnecessary in many cases) · Issue #3532 · sveltejs/kit

Describe the problem A significant number of pages have load functions that are essentially just boilerplate:

github.com

4

6

53

Mike

@mootoday

3 years

Node.js 16 LTS started on October 26, 2021. AWS Lambda, and hence @vercel , still don't support the current LTS version - 123 days later 😰. All I wish to do is to publish docs for my project, built with #vitebook which requires Node >= 15.

9

5

54

Mike

@mootoday

6 months

@flightradar24 People getting upset at crying babies.

4

0

54

Mike

@mootoday

1 year

Do you have image upload on your web app? Do people have to click on the input element, then select an image from their computer? Do you wish they could instead paste an image from their clipboard? Here's a short demo of how to do that with @sveltejs .

Paste images from clipboard • REPL • Svelte

Cybernetically enhanced web apps

svelte.dev

5

12

53

Mike

@mootoday

3 years

@jdfwarrior @celikovic @SvelteSociety Ah the usual fear... I heard that when jQuery was new, then again when React was new. Now with Svelte. Let me know if I can talk to anyone on your team. We run 130+ pages with SvelteKit, code at .

1

5

54

Mike

@mootoday

10 months

Am I ok 🤯?! I have a page at /datasets that displays a list of, you guessed it, datasets. Click on one and it opens a dialog with the selected dataset's details. It also changes the URL to /datasets/<id>. I had no idea you can import a @sveltejs page in another page!

12

2

53

Mike

@mootoday

3 years

Who wants to 10x their team productivity? Message me and we'll automate your developer environment together. Bonus: If you use @sveltejs or want to learn it, we'll 20x your team productivity.

0

2

52

Mike

@mootoday

2 years

I stumbled across and it is by far the easiest solution to sync @logseq across multiple devices! 1. Install on phone 2. Install on laptop 3. Open app on either device, scan barcode of the other device Repeat step 3 for additional devices.

7

4

50

Mike

@mootoday

6 months

Here's the one article you should read today! @Cloudflare

Data Anywhere with Pipelines, Event Notifications, and Workflows

We’re making it easier to build scalable, reliable, data-driven applications on top of our global network, and so we’re announcing a new Event Notifications framework; our take on durable execution,...

blog.cloudflare.com

2

6

48

Mike

@mootoday

2 years

A friendly reminder that regex named capturing groups make your code more readable.

1

9

49

Mike

@mootoday

2 years

How to use @logseq for birthday reminders. Add /scheduled to the person's page, set it to remind you annually, ✅.

0

2

46

Mike

@mootoday

3 years

I am going to host this to discuss my @freeCodeCamp course. Tech stack, behind the scenes, and if I feel like it, some predictions for 2022 🙂. Check the course at . @sveltejs with @prisma hosted on @vercel 🎉

1

5

46

Mike

@mootoday

1 year

What he said, and what I've said for years. If you build web apps and don't understand web fundamentals, don't use React. Start with Svelte, it'll reach you how the web works. Then learn React, you'll give up soon enough and stick with Svelte :).

Mike @ HTML All The Things 🎙️

@htmleverything

1 year

I'm tired of protecting React/Next by saying you should learn them over Svelte if you want a job. Fuck that, Svelte/Kit will teach you everything you need to know about JavaScript frameworks and if you're proficient with it there is nothing stopping you from applying to any

54

48

450

3

7

47

Mike

@mootoday

3 years

If JavaScript developers planted a tree for each unnecessary NPM package they installed, a lot of JavaScript developers would live in a forest.

7

3

47

Mike

@mootoday

3 years

A thread with @sveltejs work I've put together over the past 12+ months. Repositories, blog posts, projects, etc. Let's get started 👇️

2

11

44

Mike

@mootoday

3 years

SvelteKit 1.0 👆 My most anticipated web development announcement in 2021. I say this as someone who remembers the excitement about DHTML 😅.

6

5

46

Mike

@mootoday

8 months

@t3dotgg Whenever a tool asks for a yaml file, I create a .yaml file but write JSON in it. IMHO, this is the best part about YAML!

3

2

45

Mike

@mootoday

6 years

I published "Don’t be the bad cop in pull request reviews — Let software do that job". How and why I introduced @DangerSystems to my teams. Feedback is welcome 🙏

1

13

43

Mike

@mootoday

4 years

@javagrifter 😰 Too close to home... I once worked with a partner on a cloud computing proof of concept where developers downloaded data from the cloud to their laptops, did all the processing and ML modelling locally before uploading the results back to the cloud.

1

0

43

Mike

@mootoday

3 years

How do you manage open source projects with 50+ open issues? Isn't triaging turning into a full-time job at that time? The Gitpod marketing website is at 90 open issues and I dread even thinking about it... 😰. If new issues > closed issues per day, what does one do? 🧵

5

7

42

Mike

@mootoday

2 years

If you build a platform for developers, you better add keyboard shortcuts :). Here's a @sveltejs action you can use.

1

9

41

Mike

@mootoday

1 year

A CMS that lets you write @sveltejs blocks and it just works.

2

41

Mike

@mootoday

3 years

I use StackOverflow less and less over the years. Posting something often resulted in a hostile experience. With so much open source, I tend to check project issues first, then search a project's community, then search online and prefer recent blog posts over StackOverflow.

5

0

40

Mike

@mootoday

4 years

I had a quick look at the next version of @sveltejs . Hot reloading while preserving the UI state is fantastic! Watch the video to see how I change the button text without resetting the counter.

1

9

41

Mike

@mootoday

4 years

With the release of "State of JS 2020" and @sveltejs taking the top position, it's great to see how suddenly everyone talks highly about it, even those die-hard React people. Welcome to the future of web development everyone 🎉!

1

11

41

Mike

@mootoday

3 years

Who would be interested in some build-in-public sessions when I work on the website? @sveltejs with SvelteKit, styled with @tailwindcss and all developed entirely in cloud-based dev environments with @gitpod .

5

3

40

Mike

@mootoday

3 years

A periodic reminder that your browser doesn't know what to do with the className attribute. 2022 is going to be (yet again) the year of @sveltejs ! Web development will (yet again) be simpler, fun and provide great end user experience.

1

3

39

Mike

@mootoday

2 years

✨ Shiny Svelte Tutorial ✨ Learn full-stack web development in your browser because that's what today is all about.

5

3

39

Mike

@mootoday

3 years

Once my PR gets merged, the Gitpod website's @sveltejs source code will get a lot cleaner. You won't be able to push unless "svelte-check found 0 errors, 0 warnings and 0 hints" Why so strict? Because even small code smells turn into a stinky mess, see broken windows theory.

3

1

40

Mike

@mootoday

3 months

@HugosOffEarth That's right, that's what I suggest. If this impacts your computer resources, I suggest you upgrade your computer. Minutes to wait for CI to tell me I didn't format my file correctly or have a lint error is a massive waste of time.

7

0

40

Mike

@mootoday

2 years

Want to work on the most sophisticated @sveltejs SvelteKit & Tailwind CSS web app I've worked on in forever? DM me, we're looking to hire a frontend engineer at Goldsky. Things like live dashboards and custom-built UX to create data processing streams.

5

7

37

Mike

@mootoday

3 years

🎉✨ 1⃣0⃣0⃣,0⃣0⃣0⃣ ✨🎉 Less than a week since it launched and my course on @freeCodeCamp reached 100k views! To all of you who've watched it: THANK YOU 😊 If you want a stack that's solid for 2022 and beyond: @sveltejs on @vercel developed on @gitpod !

3

5

37

Mike

@mootoday

3 years

I prefer • uvu instead of Jest • pnpm instead of npm or yarn • Svelte instead of React or Vue • Monorepo instead of multiple repos • Typescript instead of JavaScript Play around, pick the tools you're comfortable with and start building.

6

5

37

Mike

@mootoday

2 years

I had a feeling I would like the new @sveltejs routes layout. I've migrated my first project to it and can confirm: It's clean, well organized and I can immediately tell which file I need to open to get stuff done. Incredible effort, congratulations to the maintainers!

5

4

39

Mike

@mootoday

3 years

Kudos to @Zoho for showing where my data resides. I've had an account for years, but only now start to use it as my daily productivity suite. So far it's been smooth sailing.

1

0

39

Mike

@mootoday

9 months

I haven't written a single line of @sveltejs v5, yet I'll likely be among the first people who upgrade a project to v5 once it's officially released. Why? 1. For the last 4 years, Svelte releases never disappointed 2. I know they value developer experience 3. Newer is better

5

0

37

Mike

@mootoday

2 years

It landed! @sveltejs SvelteKit's built-in form actions. Check out the docs and be impressed. HTML forms, the way they're meant to be used.

SvelteKit docs

Form actions • SvelteKit documentation

kit.svelte.dev

0

5

37

Mike

@mootoday

1 year

Sooner or later, every web framework will have a compiler. It makes sense.

5

1

37

Mike

@mootoday

3 years

You can't be a senior software engineer if you're 20 years old - that's just not how this works. This may hurt some of you, but you'll understand when you get older 😉

7

0

37

Mike

@mootoday

1 year

Tell me you're a @sveltejs developer working in a React project without telling me you're a Svelte developer working in a React project. Go!

5

0

38

Mike

@mootoday

3 years

Proof me wrong. React is on its way out and will be treated as we treat jQuery today. It'll be widespread, always used but not what is recommended. @sveltejs , @astrodotbuild et al with 0kb JavaScript is the web of the future. Also... Write less code!

Scott Tolinski - Syntax.fm

@stolinski

3 years

Found this on reddit.

131

762

6K

5

9

37

Mike

@mootoday

1 year

@namyakhann @FerdiCildiz That's why it's a treat to look at .

9

1

37

Mike

@mootoday

3 years

@trumbitta I think JavaScript (JSX) as the main language to develop web apps gives the wrong impression. Web apps should work just fine without JavaScript. JS is to enhance the user experience for people who have JS enabled.

6

4

37

Mike

@mootoday

2 years

Using @sveltejs components in Markdown files never gets old. Top: A .md file Bottom: Live preview of ☝️ Svelte & XState, a new article available on later today.

1

35

Mike

@mootoday

4 years

So, personal opinion here. This is a way bigger deal than GitHub Codespaces. Why? Because both Gitpod and GitLab are open source and give you choice. Run it in the cloud, host it yourself, whatever works for you. Vendor lock-in with GitHub is real and is not what you want.

Gitpod

@gitpod

4 years

It's live! Check out the super-cool new native @Gitpod button in @GitLab 🔥 We’ve partnered with @GitLab to give you fully-automatable cloud dev environments at the click of a button – from any Project 🚀 Read more 👇

9

83

682

1

14

36

Mike

@mootoday

3 years

Has anyone done Google's technical writing courses? I'll update this thread with notes this coming week as I work my way through.

1

7

36

Mike

@mootoday

22 days

I made that switch 5 years ago and not once looked back. You should too.

Ben Holmes

@BHolmesDev

22 days

❌ NO MORE REACT 🧡 This is a Svelte account now

84

30

852

0

35

Mike

@mootoday

6 years

A rather nice way to kick off summer! I received my @GCPcloud Associate Cloud Engineer certificate. If you don't use Google Cloud Platform yet, it's worth spending some time to explore their docs, you might be positively surprised with what you find 😉!

4

0

34

Mike

@mootoday

1 year

@nibalic That's the correct answer ✅. Also, a tool auto-sorts it alphabetically.

2

0

33

Mike

@mootoday

3 years

Write blog posts for yourself - others may find them useful too. I'm adding @prisma to a @sveltejs SvelteKit app and remembered I wrote a blog post about it. A few minutes later and I'm done, thanks to past me who thought about future me.

0

1

34

Mike

@mootoday

3 years

When @CahlLagerfeld and I chat and he learns about @sveltejs 's reactivity 🤯.

4

1

34

Mike

@mootoday

4 years

Here's a reminder that there's more to web development than learning React. If you don't know JavaScript fundamentals, don't bother with React, Vue or Angular. If you're new, learn JavaScript and how the web works. Then have a look at @sveltejs . I'm here to answer questions.

1

3

34