loading...
John Peters profile picture

John Peters

Lit-Html or Svelte?

Location Minneapolis, MN Joined Joined on  GitHub logo

Last 250 comments

JavaScript or TypeScript first?

If you learn Typescript first you will automatically know bot...

Best JavaScript Frameworks 2020

Angular is more popular, for sure than Angular.js. Angular.j...

Model-View-Presenter with Angular

Thanks Lars!

Angular. Where to start?

My recommendation is to go to Angular main site, and follow ...

Angular: How would you create a Web Based Component Generator?

Yes. I already have the component library. 80% of code would ...

The curious relationship between simplicity and top-performance

I played acoustic guitar for many years. All of the good pla...

The full-stack dilemma

That's proof to me that the concepts of WebComponents has nev...

The full-stack dilemma

In IT, everything is ultimately market driven. There are just...

What's your favorite CSS approach?

Yes

What's your favorite CSS approach?

I only use SASS and the Html Grid.

Angular: How would you create a Web Based Component Generator?

Thanks Saul, I'll take a look.

How you can help Angular in 2020

I was wanting to look into Puppeteer a while back, today I fo...

How you can help Angular in 2020

Hello damoeb; I was a test manager of a team of 35 people i...

How you can help Angular in 2020

Hello Lars; I've abandoned all Protractor and all Karma/Jas...

A case for extending Angular Forms

My conclusions on this problem were different. I've abandon...

React vs Angular vs Vue.js — What Is the Best Choice in 2021?

For the record, Angular.js was a disaster, way to opinionated...

Creating a New Programming Language That Will Allow Anyone to Make Software

Actually it is a DSL, and there are no refactoring tools for ...

Creating a New Programming Language That Will Allow Anyone to Make Software

This is the future of programming. I've been doing this in ot...

Write better code and be a better programmer by NEVER USING ELSE statements

And in 2005 this article affirmed what you are saying using t...

React vs. Angular vs. Vue. What will be the best JavaScript framework in 2021?

Excellent article Mateusz! Thanks.

Is JS an OOP Language?

Thanks Sasha, I've updated the article to reflect your input.

Looking for Angular Architecture Advise

Most of my observable usage is with http. The subscribe kicks...

Is JS an OOP Language?

Thanks for input JMF, the article has been changed to highlig...

Is JS an OOP Language?

For example, in classical OOP, we have to deal with interfac...

Is JS an OOP Language?

Since ES6, Javascript is the exact same thing as C#, C++, and...

CSS got too many moving parts

This will help. Start using html5 grid for all layout. It's b...

My Biggest Mistake When I Started Earning Six figures

Credit card interest rates in the U.S. are 17% compounded dai...

Modern Angular

Excellent Post, Thank You Victor!

Should you use Medium or dev.to?

I cannot stand Medium personally. It's a platform for disgru...

Why svelte is revolutionary

Hi Hanna, one small correction. Angular does not use Virtual ...

Building Forms The Angular Way

Ngmodel has a Form control. dev.to/jwp/angular-ngmodel-model-...

Building Forms The Angular Way

Nice glad to see you are using ngmodel!

My Biggest Mistake When I Started Earning Six figures

Nice post. I've shot myself in the foot before on a number o...

Story: The Worst Day Of 6 Years At Work

One of the things a new manager doesn't learn until later, is...

What is Selenium Automation Testing?

I picked up a tip from a React expert 1.5 years ago regarding...

Refactoring: Functional Decorators

This is not an Angular only concept it works in any Typescrip...

Modern Windows 10 development setup

I'm a Windows fan with one exception, they fractured their de...

Code Encapsulation

Hi Eric, I've written 6 articles in this arena. In Javascrip...

Refactoring: Functional Decorators

This article shows the huge advantage of this series. About h...

Protecting routes in Angular 👮‍♂️

No, currently I've only read introductory material. It looks ...

Protecting routes in Angular 👮‍♂️

React, to me is too opinionated. I'd rather use Svelte. Still...

Refactoring: Functional Decorators

For your first question, the example shown was to demonstrate...

Protecting routes in Angular 👮‍♂️

Angular is still #2! Those who use it, including big compani...

Are you still working from home? If yes, in which city?

WFH near Minneapolis, Minnesota.

Where do you back-up your posts?

Dev.to is my backup for S.O. posts, and LinkedIn posts.

🚀10 Trending projects on GitHub for web developers - 23rd October 2020

Interesting trends: Moves toward Web Components : Svelte...

7 Steps To Overcome Your Fear Of Coding

Anyone can code, it's the ability to focus and remain interes...

The best keyboard I ever had for coding

I always have preferred the click type keyboards. The art is...

Beating JSON performance using Protocol Buffers

Thanks. As I read this It Dawned on me IBM systems did this o...

Is coding a lenguage like english or portuguese?

Yes coding is exactly like learning a language. I written abo...

Lsd log-in form

You have too much time on your hands.

The five SOLID principles and why you should use them in your codebase

What's not well-known in the Javascript world is that instead...

4 ways to deploy web apps in 2020

We use Azure and VSTS. We just do a git push and merge the p...

Pay cut to work remotely - Fair deal?‍

True but pajama costs go up...

Learning programming is DIFFICULT

True. We're training people on a new stack now. It's very tim...

Techies in Nigeria Are Not Safe Again In The Hands of the Government

I am praying for you brother. Keep the faith.

In React, component controls you!

Nice post and congrats on the React internals dive. I've alwa...

SOLID Principles: Write SOLID programs; Avoid STUPID programs

Wrong. Every program ever, uses functions or what is called a...

SOLID Principles: Write SOLID programs; Avoid STUPID programs

Not true. How does a method or function not solve a problem?

3 Things I Wish I Knew When I Started Using Angular 2+

Angular, like .Net where the more one discovers the more it's...

SOLID Principles: Write SOLID programs; Avoid STUPID programs

Good OOP winds up as functional parts anyway. Why? The Single...

SOLID Principles: Write SOLID programs; Avoid STUPID programs

In the United States, a cycle is not ever a car. Therefore,...

Please don't try Svelte.js first!

Yes it's a keeper.

Describe the job interview you'll never forget!

Mine was interviewing for a startup. It was in a converted w...

🚀10 Trending projects on GitHub for web developers - 16th October 2020

Fluid Framework says this : An application model with data ...

Have you ever been on-call? What was it like?

Yes multiple times, different companies. The worst was carry...

How do you deal with content editing after the site has been shipped?

Following SOLID with lots of reusable functions and models fi...

How I Learned Angular Fundamentals

Best wishes in your Angular journey.

The DRUG of online tutorials

Back in 1990s we always said 'There's no time like lab time'

Can Programming be Emotional?

Emotions matter a lot. I remember coming into work after dri...

Do you still use Lodash and Underscore in 2020?

Not now but did 2 years ago.

Alternative to Bootstrap??? 🤔

My thoughts are that using Html 5 Grid and Scss have become s...

Problems with Using for...in on Arrays in JavaScript

I only use map, reduce and foreach.

Working with .Net Core & React - what I've learned

I did some Java work 2 years ago after a 10 year hiatus. Inte...

Working with .Net Core & React - what I've learned

Now the .Net core ecosystem is obviously not as popular as t...

Comments Are The Only "Code Smell"

I believe this is a common sentiment of lazy programming styl...

Comments Are The Only "Code Smell"

For APIs comments are only way to go.

Golang or Rust, that is the question.

I think you meant generics not genetics.

Across the universe in Javascript

A fitting wonderful song for a wonderful project!

Basic CSS Grid

Thanks Halimah!

What dev tech holds the most future potential?

Getting away from Angular and React via Svelte Typescript L...

What apps do you use for planning your week?

VSTS and outlook

UKs Covid system crashed due using Excel as "backend database"

SQL Server Express, has many excel import functions , it's fr...

Love Them or Hate Them, Coding Exercises Are an Essential Part of Software Engineering Interviews

We would ask ourselves 'has it happened yet?' Referring to th...

Learn CSS Flexbox in 20 minutes

Grid is superior in my opinion.

Why svelte is revolutionary

I agree. At 180k on a 2mbs Wireless network we're talking : ...

Why svelte is revolutionary

Might want to take a 2nd look. Svelte is very cool. Thanks H...

Why svelte is revolutionary

I agree with all of your points. I will say this however, I ...

What social media accounts are worth it for developers in 2020?

For developers LinkedIn is the one an only. Why? We get to l...

How to structure your SASS code

Genius.

Why I choose C++

Yes even MSFT is on to Rust.

TypeScript is slow. What can we do about it?

Your analysis of this issue is over the top good! Was wonder...

What do you use for CI/CD?

Azure/VSTS free to get started, easy and massively scalable.

TypeScript is slow. What can we do about it?

Does same failure happen in Visual Studio Code?

A Hacktoberfest Project For All Web Developers: Style Stage

Steph: Congrats on this excellent concept!

Angular struggles in 2020

Thanks for the reminder Lars, yes Angular sees Protractor as ...

Angular struggles in 2020

Interesting because even though Protractor has been around si...

🚀10 Trending projects on GitHub for web developers - 25th September 2020

Thanks Iain!

The thing about service workers...

I don't know how Adobe's PDF viewer, and Google Chrome do thi...

What are your favorite VS Code shortcuts?

Ctrl+Shift+K Every day! Delete Line Ctrl+Shift+K editor...

Angular struggles in 2020

New hotness for Cypress? It won't shake out because it's jus...

Cryptography for programmers 2: Blocks and Randomness

@shierve Wow! Thank you for this excellent series!

Angular struggles in 2020

And really all the NGModule is for, is the compiler. As if th...

Angular struggles in 2020

I feel the same way, Angular appears to have overcome a lot o...

Angular struggles in 2020

Yes but compare the job postings and vue comes in last.

Angular struggles in 2020

Rob proved he is unreliable. Switching to this is a career k...

Angular struggles in 2020

Angular 10 is stable and strong.

Angular struggles in 2020

I agree with you, the whole ngmodule system is an absolute di...

Angular struggles in 2020

But the negative impact so far is non existant. Angular 10 is...

Angular struggles in 2020

Cypress has disrupted all Selenium products. Selinium is in s...

Some Thoughts About the Colour Blue, and What it Represents.

Dude, the sky is blue.... and so is IBM. jwpminnesota.azurewe...

How do you structure your css (media queries)?

My recommendation is not to use CSS at all, instead use SCSS....

Top 10 Pieces of Advice for Becoming the Worst Developer Possible

A true masterpiece. It should be a requirement to memorize fo...

Finding that C# memory leak

Thanks for post Tim. I'm glad they've added better tooling f...

Let's Build Web Components! Part 5: LitElement

Just curious Benny; how long have you been working with it? ...

Web Components using LIT-HTML and LIT-ELEMENT

Lit-Html Our colleague here at Dev.to Benny Powers has a lo...

Primer post por aquí...

Gracias Senor. Espero que tengas un buen día. Muchos más artí...

Primer post por aquí...

Yo Leo espanol bien pero no escribo bien. I hope you continu...

Web Components using LIT-HTML and LIT-ELEMENT

Uses a combined imperative declarative style. JSX is not ne...

Let's Build Web Components! Part 5: LitElement

Benny; thank you so much for these excellent articles! I do ...

Why do some popular websites have cryptic page sources

Obfuscation

5 SOLID principles with JavaScript. How to make your code SOLID

Our year long project received two major specification change...

Stop Using React

I don’t think you have a very good understanding of how a br...

Stop Using React

Saying react doesn’t do anything better than v8 makes no sen...

Stop Using React

You’re not just writing code that will be visited on v8. N...

Stop Using React

Why put react in front of a browser API? That's just one mor...

Stop Using React

Doesn't make sense to me. Chrome V8 needs zero outside help ...

Stop Using React

But web components don't need react. They're closer to the me...

How NgRx Store & Effects Work: 20 LoC Re-Implementation

Thanks Nils; Do you find this to be superior to just maintain...

Don't duplicate your data - Learnings from code reviews

Thanks for reminder, also don't duplicate code (ever).

Stop Using React

Care to elaborate?

Stop Using React

The future is pure Web Components.

How does being a programmer affects your world view?

We as programmers tend to be highly pragmatic due to our dail...

Stop Using React

I don't disagree however an article like this is worthless fo...

What is the best way to tackle responsive design with minimal redundant code ?

Switch to Grid only. Use Scss in root. Get rid of 3rd party c...

C++, C#, Java, Kotlin, Python, JavaScript . Which Has Better Opportunities and a Future

React Javascript or Typescript. Banks love Java, others C#. ...

Tales From a Toxic Team

There are just two types of people in IT Egotists Collabora...

DevDiscuss S2E5: How to Harness Radical Candor in Code Reviews

I was a part of a code review once where a person's continual...

08 Mistakes to avoid As a Programmer

I like item 6. What we need to learn are programming styles w...

What do you do to relieve workplace anxiety?

It took me a long time to realize that yes the Programmer's j...

JS Async: async/await

Question: async function myAsyncFunction() { const payloa...

Is W3Schools deprecated? Why?

It's similar to the difference between elementary school and ...

VS Code shortcuts and tricks that I wish I knew sooner

Thanks Hannah!

Is your company making any permanent changes after "temporary" pandemic-driven changes?

Time to find next job

Svelte - Learn the Basics of this fast framework with small bundles

I like this concept. Svelte looks cool.

Simple yet powerful state management in Angular with RxJS

Thanks Florian, I need to read this over again, and again. R...

What is a specific recurring challenge you have with CSS?

Go Grid! Since migrating to the "grid-only" concept and SCSS...

Uncaught TypeError: Cannot read property 'xyz' of undefined

This is not a solution to problem described. Ng build uses ng...

Debugging WFH Slow Response Times

RDP is Windows Telnet Equivalent. Unlike Telnet, it's bandwid...

Pair programming...or not?

Having a team partner can be really good or really bad. To m...

What is your favorite relational DB?

I'm a TSQL fan (Microsoft). They provide free of charge the ...

Uncaught TypeError: Cannot read property 'xyz' of undefined

The next time I have this issue, I'll definitely try this. I...

Ten Tips for Becoming an Elite Developer

With advice like this I hope to never use one of your librari...

What does it take to create a strong password?

Today's big companies require 8 to 9 chars, at least one in c...

Managing Imposter Syndrome

At some point in our career, perhaps even weekly; when we are...

CSS or Javascript

Then when learning Javascript consider starting with Typescri...

CSS or Javascript

You need both but css is hardest. To make it easier learn sas...

Am I missing something in JavaScript?

Yes I'm a Typescript fan too.

Am I missing something in JavaScript?

And 1/2 use Typescript the other half Javscript. Many Javscr...

Am I missing something in JavaScript?

React is most popular

Explain "Smoke Testing" like I'm five

Similar to Smoke and Mirrors it's not the real thing. An illu...

How do you Learn to Build Substantial, Real-World Apps?

Thanks Kevin, great insight here. Hey do you know why we as ...

I tried Github CLIs...and I never open browser again!

We don't store our source on github, but.... I do only use co...

Why should I learn JavaScript

Some have claimed if "we are not doing Javascript now, we wil...

fun ways to remember syntax?

When I was in college I used menomics with great success. I'v...

Flexbox vs CSS Grid: Which one do you prefer?

I'm a huge Grid fan. I only use the grid. I don't like flexbo...

If you had a time machine, what would you tell your younger self?

Mr. John, stay away from alcohol. It's momentary pleasures cr...

forEach or map ?

Both iterate over the collection, one returns values the othe...

Which would you prefer and why? (I know its different) PYTHON vs JAVA/KOTLIN

One very large Health Insurance company in Minneapolis is usi...

Which would you prefer and why? (I know its different) PYTHON vs JAVA/KOTLIN

I'm biased frontend Typescript back end C# and Asp. Net Core.

Which would you prefer and why? (I know its different) PYTHON vs JAVA/KOTLIN

My most recent experience with the largest electronic retail ...

Which would you prefer and why? (I know its different) PYTHON vs JAVA/KOTLIN

The sheen of Java is dull to me. However most of the largest ...

Styling vs defining vs backend?

Do yourself a favor, adopt SCSS and the HTML Grid. Your life...

Random... does anyone get confused styling?

Yes, to me, it's the hardest part of web dev. It's way too ...

Implement a generic oneOf type with Typescript

I am now an Owl artist.

Over Explained - JavaScript and V8

Wow! Amazing.

🚀10 Trending projects on GitHub for web developers - 21st August 2020

Brad Travery's work is always excellent! Alpine looks very ...

How to convert an Angular Web App into an Ionic App

Thanks for this post Ashok!

Custom Select Styles with Pure CSS

Thanks Steph, that's what I found, Chrome doesn't allow it to...

Vue 3 is coming - what to expect and how to prepare

Thanks for update!

6 Tips to Survive Your First Year as a Junior Developer

Very good points Mr. Jrdev. I can tell you've grown into a se...

Hello, world! I'm James :)

Welcome to Dev.to James! I can assure you the IT world needs...

How Sunk-Cost fallacy is making us write bad code

Yes understood. Are you using page object models? And can you...

Custom Select Styles with Pure CSS

Stephanie; Is there any way to style the option hover prope...

Cypress Super-patterns: How to elevate the quality of your test suite

Cypress is a industry disrupter. It crosses multiple testing ...

Seven lessons I wish I learned earlier about Typescript

I am a Typescript advocate, who also loves JavaScript, I am f...

Angular Schematics from 0 to publishing your own library (I)

Looking forward to this series, thanks!

How Sunk-Cost fallacy is making us write bad code

Vignesh.. Thanks for this post. Once code is released the iss...

What is the Minimum Skillset for Junior Frontend Devs?

I'm not "most JavaScript old timers" I never said you were. ...

What is the Minimum Skillset for Junior Frontend Devs?

TypeScript is Great! Why do Javascript people use the term C...

What is the Minimum Skillset for Junior Frontend Devs?

why you need TS and classes I don't need TS or Classes h...

What is the Minimum Skillset for Junior Frontend Devs?

You mean when someone's "absolute truth" isn't "TypeScript ...

What is the Minimum Skillset for Junior Frontend Devs?

adding to learning curve for junior devs Pure opinion ye...

What is the Minimum Skillset for Junior Frontend Devs?

Nobody I know who uses Typescript is pretending anything. Th...

What is the Minimum Skillset for Junior Frontend Devs?

Typescript for a beginner is simple. It can be used in full J...

Input Validation: Client-side or Server-side?

Both

Have you had any experiences with the new Angular 10?

We've been from 8 to 9 to 10. In retrospect both 8 and 9 had...

Make a Secure Browser?

I've created specific browsers before. Here's how it's done ...

DevOps Jobs - I don't get it!

All depends on definition. To me devops is collaboration of d...

What IDE / Code editors have you used?

Visual Studio since 1999 for all back end VS Code for all fr...

DevOps Jobs - I don't get it!

Develops should know the entire pipeline to production. In l...

Angular 10 - Avoid using ::ng-deep (ngdeep)

Okay just figured out another clue to this puzzle, in the dat...

What is the first thing you do when setting up a new computer?

Visual Studio both versions. Node and npm .net SnagIt Camtas...

Angular 10 - Avoid using ::ng-deep (ngdeep)

Sebastion; I tried :host-context yesterday, it worked a bit d...

Currying in JavaScript

Just wondering how is that better than this? const add(a,b)...

Currying in JavaScript

Code example please?

In Search of a New Laptop

I'm a Dell fan. My 15 " Dell Intel 3 laptop is 6 years old wi...

Do we still need jQuery in 2020?

The odd thing about JQuery, is that in 2020 it's still used m...

Help on Creating Modal using Angular

Close must be a function to effect a changerDectorRef.detectC...

Why using JS classes instead of Typescript interfaces?

They are the same thing except in a class you can provide val...

the new guy here✋🏼🤓

Sounds like you really want to learn JavaScript. The good ne...

What are your top 3 focus songs?

Kind of Blue is great coding music.

Developer with New Baby Coming Soon — HELP!

Congratulations! Your life will radically change for the bet...

Do You Have Your Own Website/Portfolio?

You may want to look into Azure. You can create a web site fr...

What are your top 3 focus songs?

Claude Debussy Emerson Lake and Palmer Primus

What are your top 3 focus songs?

I love light Jazz while coding.

Type vs Interface in Typescript

Don't forget the Class. No explicit interface needed but acts...

Azure Static Web Apps are Awesome

Excellent rundown David, Thanks for posting this!

I am Chris Heilmann, Principal Program Manager for the Microsoft Edge developer tools - AMA!

Christian; Thanks for posting to dev.to, It's folks like you...

"Why do you want to work for us?" - Interview Question (Demystified)

I just say I wasn't looking until your recruiter contacted me...

Uncaught TypeError: Cannot read property 'xyz' of undefined

Yes, I even created a bug with Angular team because they forc...

Better TypeScript... With JavaScript

Yuck...

Uncaught TypeError: Cannot read property 'xyz' of undefined

App module is a part of bootstrap. Very early in run. I'm n...

Uncaught TypeError: Cannot read property 'xyz' of undefined

In the breakpoint there should be a value for id and it's con...

Azure Default Deployments = Linux sans ASP.NET Core

Hello Brandin, the root cause was that when just clicking on ...

Azure and Angular Deployment in 10 minutes

Lars, thanks to your answer, I was able to figure out what we...

I tried Angular and I created a website about my self.

Nice job and congratulations on getting started with Angular....

We don't need `class` in prototypial JavaScript

The wrapping was just to show how to use the Person class.

We don't need `class` in prototypial JavaScript

This article and others like it in the JavaScript community r...

How do you deal with node_modules?

node_modules are the bane of everything. They bring in huge ...

Not into Front-end — Do I need to be?

Learn React

Salary Negotiation for People That Hate To Negotiate with Josh Puetz

The best way to negotiate is when we don't need a job but are...

Which Language do you Find the hardest ?

JavaScript, took me way longer than I like to admit. I had 10...

No, I don't want to become an Angular GDE

They are useless from the perspective that no employer ever a...

No, I don't want to become an Angular GDE

Probably the same thing. I think these programs are a bit...

No, I don't want to become an Angular GDE

My thoughts were when I picked up on the "don't call us we'll...

No, I don't want to become an Angular GDE

You're right, it was my first impression. But I was wrong.

TypeScript?.. or JavaScript?

I like your demo of compo-sable JavaScript objects but.... ...

No, I don't want to become an Angular GDE

When I first heard about this program, I thought it odd they...

7 Months into 2020, what new skills have you learned?

Guitar is always good.

7 Months into 2020, what new skills have you learned?

Would be nice to see a MongoDB article for us kids!

Forbes: It's The End Of Infrastructure-As-A-Service As We Know It: Here's What's Next

Yes VMWare is toast.

Tell me what is / why MVC ?

MVC had its start in server side rendering. The controller w...

The Tech Industry is Failing Junior Devs

We defeat ourselves. Adversity makes us stronger.

loading...