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

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

Reactions 11 Comments
19 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
Avoid These Common Pitfalls Of React useState (incl exercises)

Avoid These Common Pitfalls Of React useState (incl exercises)

Reactions 35 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

Reactions 120 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)

Reactions 267 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

Reactions 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

Reactions 2 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

Reactions 74 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

Reactions 118 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

Reactions 27 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)

Reactions 80 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)

Reactions 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

Reactions 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

Reactions 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

Reactions 615 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)

Reactions 5 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)

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

Real-World React Coding Challenges For Your Interview Preparation

Reactions 18 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

Reactions 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)

Reactions 181 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)

Reactions 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)

Reactions 148 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)

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

Screaming Architecture - Evolution of a React folder structure

Reactions 953 Comments 19
16 min read
The Most Popular React Tech Stack in 2022

The Most Popular React Tech Stack in 2022

Reactions 106 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

Reactions 330 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

Reactions 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

Reactions 475 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

Reactions 644 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]

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

Don't waste your time on a portfolio website

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

Don't duplicate your data - Learnings from code reviews

Reactions 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

Reactions 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

Reactions 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

Reactions 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

Reactions 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?

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

Don't useEffect as callback!

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

Junior to Senior - Refactoring a dynamic multi-input component

Reactions 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?

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

How to accidentally mutate state. And why not to

Reactions 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

Reactions 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

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

Frustrating job search? Checklist for outstanding portfolio projects

Reactions 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

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

Apollo hooks: Why and how to use

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

Password-based authentication with GraphQL and Passport

Reactions 30 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

Reactions 17 Comments 2
6 min read
loading...