DEV Community

Johannes Kettmann profile picture

Johannes Kettmann

Building the React Job Simulator for (aspiring) Junior developers at profy.dev. React & Fullstack JS dev with 7+ years of experience.

Location Berlin Joined Joined on  Personal website https://profy.dev twitter website

Work

Teaching professional React at Profy.dev

Writing Debut
Five Year Club
Four Year Club
8 Week Writing Streak
1 Week Community Wellness Streak
Git
React
JavaScript
Three Year Club
Two Year Club
4 Week Writing Streak
One Year Club
Path To A Clean(er) React Architecture (Part 8) - How Does React-Query Fit Into The Picture?

Path To A Clean(er) React Architecture (Part 8) - How Does React-Query Fit Into The Picture?

1
Comments
8 min read

Want to connect with Johannes Kettmann?

Create an account to connect with Johannes Kettmann. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
Path To A Clean(er) React Architecture (Part 7) - Domain Logic

Path To A Clean(er) React Architecture (Part 7) - Domain Logic

4
Comments
10 min read
Path To A Clean(er) React Architecture (Part 6) - Business Logic Separation

Path To A Clean(er) React Architecture (Part 6) - Business Logic Separation

5
Comments
10 min read
Path To A Clean(er) React Architecture (Part 5) - Infrastructure Services & Dependency Injection For Testability

Path To A Clean(er) React Architecture (Part 5) - Infrastructure Services & Dependency Injection For Testability

2
Comments
12 min read
Path To A Clean(er) React Architecture - Domain Entities & DTOs

Path To A Clean(er) React Architecture - Domain Entities & DTOs

1
Comments
7 min read
Path To A Clean(er) React Architecture - API Layer & Data Transformations

Path To A Clean(er) React Architecture - API Layer & Data Transformations

5
Comments
9 min read
Path To A Clean(er) React Architecture - API Layer & Fetch Functions

Path To A Clean(er) React Architecture - API Layer & Fetch Functions

10
Comments 2
4 min read
Path To A Clean(er) React Architecture - A Shared API Client

Path To A Clean(er) React Architecture - A Shared API Client

13
Comments 2
5 min read
React useEffect and objects as dependency - 4 approaches to avoid unnecessary executions

React useEffect and objects as dependency - 4 approaches to avoid unnecessary executions

4
Comments 1
4 min read
React Code Review - Unraveling A Tightly Coupled Component & Mixed Responsibilities (Incl Video)

React Code Review - Unraveling A Tightly Coupled Component & Mixed Responsibilities (Incl Video)

1
Comments
6 min read
React Riddles: The Mysterious Case of the Untracked Clicks

React Riddles: The Mysterious Case of the Untracked Clicks

Comments
6 min read
You got the job! Now what? - Strategies to pass the probation period

You got the job! Now what? - Strategies to pass the probation period

3
Comments
8 min read
Refactoring A Junior’s React Code - Reduced Complexity With A Single Source Of Truth

Refactoring A Junior’s React Code - Reduced Complexity With A Single Source Of Truth

9
Comments 1
19 min read
Avoid These Common Pitfalls Of React useState (incl exercises)

Avoid These Common Pitfalls Of React useState (incl exercises)

36
Comments 5
12 min read
Minimal TypeScript Crash Course For React - With Interactive Code Exercises

Minimal TypeScript Crash Course For React - With Interactive Code Exercises

122
Comments 3
15 min read
Data Structures In Frontend JavaScript In The Real World (With React Code Examples)

Data Structures In Frontend JavaScript In The Real World (With React Code Examples)

100
Comments 1
12 min read
Refactoring A Junior’s React Code - 43% Less Code With A Better Data Structure

Refactoring A Junior’s React Code - 43% Less Code With A Better Data Structure

284
Comments 11
14 min read
Conditional Rendering In React - With A Focus On Readability And Clean Code

Conditional Rendering In React - With A Focus On Readability And Clean Code

3
Comments
6 min read
React & REST APIs: End-To-End TypeScript Based On OpenAPI Docs

React & REST APIs: End-To-End TypeScript Based On OpenAPI Docs

76
Comments
10 min read
Separate API Layers In React Apps - 6 Steps Towards Maintainable Code

Separate API Layers In React Apps - 6 Steps Towards Maintainable Code

125
Comments 4
19 min read
REST APIs - How To Mutate Data From Your React App Like The Pros

REST APIs - How To Mutate Data From Your React App Like The Pros

33
Comments
16 min read
REST APIs - How To Connect Your React App Like The Pros (Incl Detailed Example)

REST APIs - How To Connect Your React App Like The Pros (Incl Detailed Example)

31
Comments 1
14 min read
How To Approach A React Pair Programming Interview (Not Only The Tech Skills Count)

How To Approach A React Pair Programming Interview (Not Only The Tech Skills Count)

13
Comments
7 min read
Create a "Table of Contents" for your dev.to posts with one click

Create a "Table of Contents" for your dev.to posts with one click

6
Comments 4
2 min read
Testing React Apps With Cypress: An In-Depth Guide For Beginners

Testing React Apps With Cypress: An In-Depth Guide For Beginners

21
Comments
20 min read
How To Debug React Apps With VS Code - Boost Your Debugging Productivity

How To Debug React Apps With VS Code - Boost Your Debugging Productivity

620
Comments 13
8 min read
Codebase Tour Through An Advanced React Project - How The Pieces Fit Together (incl video)

Codebase Tour Through An Advanced React Project - How The Pieces Fit Together (incl video)

7
Comments
2 min read
React Coding Challenge Wednesday - Build A Pixel-Perfect Header (Incl Screencast)

React Coding Challenge Wednesday - Build A Pixel-Perfect Header (Incl Screencast)

6
Comments
3 min read
Real-World React Coding Challenges For Your Interview Preparation

Real-World React Coding Challenges For Your Interview Preparation

21
Comments
9 min read
Experienced Programmers Struggle As Well: Ease Your Imposter Syndrome As A Junior Developer

Experienced Programmers Struggle As Well: Ease Your Imposter Syndrome As A Junior Developer

59
Comments 5
5 min read
How Professional (React) Developer Teams Plan & Estimate Features (incl screencast)

How Professional (React) Developer Teams Plan & Estimate Features (incl screencast)

182
Comments 3
12 min read
Continuous Integration Pipelines with GitHub Actions for (React) Developers (incl screencast)

Continuous Integration Pipelines with GitHub Actions for (React) Developers (incl screencast)

13
Comments
6 min read
Professional Git Workflow & GitHub Setup for (React) Developers (incl screencast)

Professional Git Workflow & GitHub Setup for (React) Developers (incl screencast)

149
Comments 3
7 min read
How to set up a professional React project (including screencast)

How to set up a professional React project (including screencast)

461
Comments 6
4 min read
Screaming Architecture - Evolution of a React folder structure

Screaming Architecture - Evolution of a React folder structure

1023
Comments 21
16 min read
The Most Popular React Tech Stack in 2022

The Most Popular React Tech Stack in 2022

47
Comments 2
18 min read
Don't waste your time on a (React) portfolio website - 60+ hiring managers and a survey

Don't waste your time on a (React) portfolio website - 60+ hiring managers and a survey

129
Comments 21
14 min read
Build an outstanding portfolio with these 3 React project ideas - Part 3

Build an outstanding portfolio with these 3 React project ideas - Part 3

417
Comments 3
5 min read
Impress hiring managers by presenting your React projects like a pro - Part 2

Impress hiring managers by presenting your React projects like a pro - Part 2

483
Comments 17
4 min read
How to build your React portfolio projects like a pro - Part 1

How to build your React portfolio projects like a pro - Part 1

649
Comments 11
10 min read
Start using Git like the pros - A hands-on course for using Git in a team [FREE]

Start using Git like the pros - A hands-on course for using Git in a team [FREE]

94
Comments 6
4 min read
Don't waste your time on a portfolio website

Don't waste your time on a portfolio website

1171
Comments 74
8 min read
Don't duplicate your data - Learnings from code reviews

Don't duplicate your data - Learnings from code reviews

95
Comments 7
3 min read
An in-depth beginner's guide to testing React applications with React Testing Library

An in-depth beginner's guide to testing React applications with React Testing Library

80
Comments
21 min read
Free like a freelancer or secure like an employee? There's a third option: The contractor

Free like a freelancer or secure like an employee? There's a third option: The contractor

153
Comments 21
6 min read
Failing job interviews? No feedback to improve? Here's a technique to learn from rejections

Failing job interviews? No feedback to improve? Here's a technique to learn from rejections

34
Comments
4 min read
Inside a dev's mind - Refactoring and debugging a React test

Inside a dev's mind - Refactoring and debugging a React test

15
Comments 3
15 min read
Inside a dev's mind: How do you plan a UI feature?

Inside a dev's mind: How do you plan a UI feature?

70
Comments 7
10 min read
Don't useEffect as callback!

Don't useEffect as callback!

46
Comments
4 min read
Junior to Senior - Refactoring a dynamic multi-input component

Junior to Senior - Refactoring a dynamic multi-input component

18
Comments
10 min read
React debugging session - Why is this function called hundreds of times?

React debugging session - Why is this function called hundreds of times?

14
Comments 1
13 min read
How to accidentally mutate state. And why not to

How to accidentally mutate state. And why not to

8
Comments
5 min read
Frustrating job search? 5 tips to better prepare for interviews

Frustrating job search? 5 tips to better prepare for interviews

33
Comments
7 min read
Frustrating job search? My #1 tip for outstanding portfolio projects

Frustrating job search? My #1 tip for outstanding portfolio projects

72
Comments
7 min read
Frustrating job search? Checklist for outstanding portfolio projects

Frustrating job search? Checklist for outstanding portfolio projects

98
Comments
5 min read
Junior to Senior - Refactoring a React pan and zoom image component

Junior to Senior - Refactoring a React pan and zoom image component

39
Comments 2
10 min read
Apollo hooks: Why and how to use

Apollo hooks: Why and how to use

22
Comments
5 min read
Password-based authentication with GraphQL and Passport

Password-based authentication with GraphQL and Passport

31
Comments 10
5 min read
4 ways to handle local state when using Apollo and GraphQL

4 ways to handle local state when using Apollo and GraphQL

17
Comments 2
6 min read
loading...