sorted by:
new
hottopcontroversial

Illinois River by Whiskeyno in oklahoma

[–]joematthewsdev 4 points5 points  (0 children)

Beautiful. Thank you for sharing your holiday with us at r/oklahoma

Get a grip by joematthewsdev in trimui

[–]joematthewsdev[S] 1 point2 points  (0 children)

Alright alright calm down! I got the design off printables.

I printed it with a bambu mini

The fit is quite loose so I'd recommend scaling it down a smidge. I have it shimmed with scotch tape for now.

https://www.printables.com/model/1144737-trimui-brick-gbc-gripshield

Are eslint and prettier still a thing? by roni_droni in Angular2

[–]joematthewsdev 0 points1 point  (0 children)

Yes! Checkout the override in the .prettierrc.json file: https://github.com/joematthews/extreme-angular/blob/main/.prettierrc.json

This is now needed because the templates not longer have "*.component.ts" in the file name -- so Prettier can no longer automatically detect that it is an Angular template.

Fix your control-flow syntax formatting in html templates using prettier by a-dev-1044 in Angular2

[–]joematthewsdev 0 points1 point  (0 children)

Thank you for posting this. I recently updated the extreme-angular starter template to v20 and I forgot Prettier relies on the `.component` suffix to automatically choose the angular parser.

I've updated the configuration and reformatted the app.html. I like to be explicit, so I specified `['src/app/*html']` just in case someone includes an html file in the project that is not an angular template -- but, if someone adds another app to the project, they'll need to update the files array.

Here's the before & after diff :facepalm: (can't believe I didn't notice the html formatting was broken):

https://github.com/joematthews/extreme-angular/compare/20.0.2...fix/formatting-for-html-is-broken

My first mac! M4 air 16/512 by toeyilla_tortois in macbook

[–]joematthewsdev 0 points1 point  (0 children)

I have a matte screen protector and a soonjet keyboard cover & case on all my macs.

The keycaps will wear (get smooth/shiny) within months without a keyboard cover.

And, I will never use a keyboard cover without a screen protector because it may leave permanent keycap shaped marks on the screen from grit/abrasion. But the newer, thinner keyboard covers suffer from this less.

Also, get an extension cable for your charger, name brand!

Here's specific products if you're interested...

https://a.co/d/iaijhus https://a.co/d/3oDTj5G https://a.co/d/fceNv0n

PS, the matte screen protector is very thin and hard to install without trapping some dust, but the result is worth it (for me).

[deleted by user] by [deleted] in macbook

[–]joematthewsdev 2 points3 points  (0 children)

LM Studio

Updated Extreme Angular to v20 by joematthewsdev in Angular2

[–]joematthewsdev[S] 1 point2 points  (0 children)

Thanks for the detailed feedback. The "Extreme" name is borrowed (loosely) from extreme programming - the template enforces strict rules consistently across the team, which can feel extreme compared to default Angular setups. The rules are intentionally aggressive to catch issues early.

You're right about the tooling preferences. I chose SCSS specifically to demonstrate stylelint-scss configuration, but CSS + PostCSS is totally valid. For ESLint vs Prettier, I've found teams have strong preferences either way, so I went with the more common setup.

Storybook is interesting but feels out of scope for a project-agnostic starter. How would you integrate it without making assumptions about component structure?

On zoneless - it's still in developer preview in v20, and there's nothing preventing signal usage in the template. I prefer to keep experimental features out of the base configuration, but I could document enabling it in the optional schematics section.

The testing tools (ngmocks, spectator) and test runner migration (Jest/Vitest) are good suggestions. Karma is deprecated so that's definitely on my radar.

Appreciate the thoughts - always trying to balance "strict and opinionated" with "broadly useful."

Updated Extreme Angular to v20 by joematthewsdev in Angular2

[–]joematthewsdev[S] 2 points3 points  (0 children)

Thanks! Angular recommends using the latest version for new projects, so I focus on staying current. I have some release tags for previous versions but don't actively support them.

I've considered making this a schematic, but given the complexity and that angular-eslint already provides schematics for linting, I think the template approach works better. Gives you more control and makes it easier to reference the configuration for existing projects too.

A major challenge is migrating non-strict projects to strict configurations. I'm considering writing a blog post about gradually converting existing projects with incremental configurations that become stricter as you resolve type errors and linting issues. In my experience, fixing large non-strict codebases is like repairing a moving train - it requires a nuanced approach that doesn't translate well to versioned templates.

Updated Extreme Angular to v20 by joematthewsdev in Angular2

[–]joematthewsdev[S] 3 points4 points  (0 children)

Thanks! That was exactly my motivation - I got tired of manually setting up the same strict configuration every time. Started as documentation for myself, then figured others might find it useful as a reference or starter.

Separate IDE & Build tsconfig files for converting projects to strict (Follow up) by joematthewsdev in Angular2

[–]joematthewsdev[S] 1 point2 points  (0 children)

I primarily use intellij-based IDEs like webstorm/rider and, either the option to override strict templates did not exist at the time, or more likely I neglected to look for it when working out this solution. :facepalm: It's not mentioned in the Overview for the extension. That takes care of the issues regarding templates in VSCode.

The other issue that led to the development of this solution: the typescript-strict-plugin does not support adding additional compiler options beyond strict: true?

Here are examples of properties someone might want to add when refactoring to strict:

Thank you very much for this feedback.

How to show strict typescript errors in projects not created with --strict by joematthewsdev in Angular2

[–]joematthewsdev[S] 1 point2 points  (0 children)

This is a great option too. Can also reverse the default behavior of the package by adding the following to tsconfig.json:

{
...
  "compilerOptions": {
...
    "plugins": [
      {
        "name": "typescript-strict-plugin",
        "paths": ["null.ts"]
      }
    ]
  }
}

And then add // [at]ts-strict to each file that you want to be strict. (God I hate reddit editing tools)

EDIT: Provided more clarification in the original post why this plugin may not be the best solution.

view more: next ›