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

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

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

#react #javascript #webdev #frontend
Comments
4 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.

Create Account
Already have an account? Sign in
Path To A Clean(er) React Architecture - A Shared API Client
jkettmann profile

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

#react #javascript #webdev #frontend
5
Comments 2
5 min read
React useEffect and objects as dependency - 4 approaches to avoid unnecessary executions
jkettmann profile

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

#react #javascript #webdev #frontend
3
Comments 1
4 min read
React Code Review - Unraveling A Tightly Coupled Component & Mixed Responsibilities (Incl Video)
jkettmann profile

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

#react #javascript #webdev #frontend
Comments
6 min read
React Riddles: The Mysterious Case of the Untracked Clicks
jkettmann profile

React Riddles: The Mysterious Case of the Untracked Clicks

#react #javascript #webdev #frontend
Comments
6 min read
You got the job! Now what? - Strategies to pass the probation period
jkettmann profile

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

#webdev #react #career
3
Comments
8 min read
Refactoring A Junior’s React Code - Reduced Complexity With A Single Source Of Truth
jkettmann profile

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

#react #javascript #webdev #frontend
9
Comments 1
19 min read
Avoid These Common Pitfalls Of React useState (incl exercises)
jkettmann profile

Avoid These Common Pitfalls Of React useState (incl exercises)

#react #javascript #webdev #frontend
36
Comments 5
12 min read
Minimal TypeScript Crash Course For React - With Interactive Code Exercises
jkettmann profile

Minimal TypeScript Crash Course For React - With Interactive Code Exercises

#react #javascript #webdev #frontend
122
Comments 3
15 min read
Data Structures In Frontend JavaScript In The Real World (With React Code Examples)
jkettmann profile

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

#react #javascript #webdev #frontend
99
Comments 1
12 min read
Refactoring A Junior’s React Code - 43% Less Code With A Better Data Structure
jkettmann profile

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

#react #javascript #webdev #frontend
284
Comments 11
14 min read
Conditional Rendering In React - With A Focus On Readability And Clean Code
jkettmann profile

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

#react #javascript #webdev #frontend
3
Comments
6 min read
React & REST APIs: End-To-End TypeScript Based On OpenAPI Docs
jkettmann profile

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

#react #javascript #webdev #frontend
75
Comments
10 min read
Separate API Layers In React Apps - 6 Steps Towards Maintainable Code
jkettmann profile

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

#react #javascript #webdev #frontend
118
Comments 4
19 min read
REST APIs - How To Mutate Data From Your React App Like The Pros
jkettmann profile

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

#react #javascript #webdev #frontend
28
Comments
16 min read
REST APIs - How To Connect Your React App Like The Pros (Incl Detailed Example)
jkettmann profile

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

#react #javascript #webdev #frontend
27
Comments 1
14 min read
How To Approach A React Pair Programming Interview (Not Only The Tech Skills Count)
jkettmann profile

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

#react #career #javascript
13
Comments
7 min read
Create a "Table of Contents" for your dev.to posts with one click
jkettmann profile

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

#showdev #writing #javascript #productivity
6
Comments 4
2 min read
Testing React Apps With Cypress: An In-Depth Guide For Beginners
jkettmann profile

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

#react #javascript #webdev #frontend
21
Comments
20 min read
How To Debug React Apps With VS Code - Boost Your Debugging Productivity
jkettmann profile

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

#react #javascript #webdev #vscode
620
Comments 13
8 min read
Codebase Tour Through An Advanced React Project - How The Pieces Fit Together (incl video)
jkettmann profile

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

#react #javascript #frontend #webdev
5
Comments
2 min read
React Coding Challenge Wednesday - Build A Pixel-Perfect Header (Incl Screencast)
jkettmann profile

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

#react #javascript #frontend #webdev
6
Comments
3 min read
Real-World React Coding Challenges For Your Interview Preparation
jkettmann profile

Real-World React Coding Challenges For Your Interview Preparation

#react #javascript #frontend #webdev
19
Comments
9 min read
Experienced Programmers Struggle As Well: Ease Your Imposter Syndrome As A Junior Developer
jkettmann profile

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

#react #javascript #frontend #webdev
59
Comments 5
5 min read
How Professional (React) Developer Teams Plan & Estimate Features (incl screencast)
jkettmann profile

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

#react #javascript #frontend #webdev
182
Comments 3
12 min read
Continuous Integration Pipelines with GitHub Actions for (React) Developers (incl screencast)
jkettmann profile

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

#react #javascript #github #devops
13
Comments
6 min read
Professional Git Workflow & GitHub Setup for (React) Developers (incl screencast)
jkettmann profile

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

#git #github #react #webdev
149
Comments 3
7 min read
How to set up a professional React project (including screencast)
jkettmann profile

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

#react #webdev #javascript #frontend
461
Comments 6
4 min read
Screaming Architecture - Evolution of a React folder structure
jkettmann profile

Screaming Architecture - Evolution of a React folder structure

#react #webdev #javascript
982
Comments 21
16 min read
The Most Popular React Tech Stack in 2022
jkettmann profile

The Most Popular React Tech Stack in 2022

#react #career #webdev #javascript
47
Comments 2
18 min read
Don't waste your time on a (React) portfolio website - 60+ hiring managers and a survey
jkettmann profile

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

#react #career #webdev #javascript
129
Comments 21
14 min read
Build an outstanding portfolio with these 3 React project ideas - Part 3
jkettmann profile

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

#react #career #webdev #javascript
417
Comments 3
5 min read
Impress hiring managers by presenting your React projects like a pro - Part 2
jkettmann profile

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

#react #career #webdev #javascript
481
Comments 17
4 min read
How to build your React portfolio projects like a pro - Part 1
jkettmann profile

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

#react #career #webdev #javascript
649
Comments 11
10 min read
Start using Git like the pros - A hands-on course for using Git in a team [FREE]
jkettmann profile

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

#git #career #webdev #javascript
94
Comments 6
4 min read
Don't waste your time on a portfolio website
jkettmann profile

Don't waste your time on a portfolio website

#career #webdev #react #javascript
1163
Comments 74
8 min read
Don't duplicate your data - Learnings from code reviews
jkettmann profile

Don't duplicate your data - Learnings from code reviews

#react #javascript #beginners #webdev
95
Comments 7
3 min read
An in-depth beginner's guide to testing React applications with React Testing Library
jkettmann profile

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

#testing #react #beginners #javascript
80
Comments
21 min read
Free like a freelancer or secure like an employee? There's a third option: The contractor
jkettmann profile

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

#career #webdev #react #javascript
153
Comments 21
6 min read
Failing job interviews? No feedback to improve? Here's a technique to learn from rejections
jkettmann profile

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

#career #webdev #react #javascript
34
Comments
4 min read
Inside a dev's mind - Refactoring and debugging a React test
jkettmann profile

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

#testing #react #javascript #webdev
15
Comments 3
15 min read
Inside a dev's mind: How do you plan a UI feature?
jkettmann profile

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

#react #javascript #beginners #webdev
70
Comments 7
10 min read
Don't useEffect as callback!
jkettmann profile

Don't useEffect as callback!

#react #javascript #beginners #webdev
46
Comments
4 min read
Junior to Senior - Refactoring a dynamic multi-input component
jkettmann profile

Junior to Senior - Refactoring a dynamic multi-input component

#react #javascript #beginners #webdev
18
Comments
10 min read
React debugging session - Why is this function called hundreds of times?
jkettmann profile

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

#react #javascript #beginners #webdev
14
Comments 1
13 min read
How to accidentally mutate state. And why not to
jkettmann profile

How to accidentally mutate state. And why not to

#beginners #webdev #react
8
Comments
5 min read
Frustrating job search? 5 tips to better prepare for interviews
jkettmann profile

Frustrating job search? 5 tips to better prepare for interviews

#beginners #career #webdev #react
33
Comments
7 min read
Frustrating job search? My #1 tip for outstanding portfolio projects
jkettmann profile

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

#beginners #career #webdev #react
72
Comments
7 min read
Frustrating job search? Checklist for outstanding portfolio projects
jkettmann profile

Frustrating job search? Checklist for outstanding portfolio projects

#beginners #career #webdev #react
98
Comments
5 min read
Junior to Senior - Refactoring a React pan and zoom image component
jkettmann profile

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

#react #hooks #codequality #beginners
39
Comments 2
10 min read
Apollo hooks: Why and how to use
jkettmann profile

Apollo hooks: Why and how to use

#apollo #react #hooks #graphql
22
Comments
5 min read
Password-based authentication with GraphQL and Passport
jkettmann profile

Password-based authentication with GraphQL and Passport

#graphql #passportjs #authentication
30
Comments 10
5 min read
4 ways to handle local state when using Apollo and GraphQL
jkettmann profile

4 ways to handle local state when using Apollo and GraphQL

#graphql #react #apollo
17
Comments 2
6 min read
loading...