Felix Gerschau

5 yıl önceYorumPaylaş

felixgerschau.comJavaScript iterators and generators: A complete guide | Felix GerschauIterators and generators are JavaScript features that can be hard to understand. In this article, I will try to explain it as easy as possible.

5 yıl önceYorumPaylaş

felixgerschau.comSeparation of concerns with React hooks | Felix GerschauSeparation of concerns is a common topic in software development. Learn how you can apply this concept to React with custom hooks.

5 yıl önceYorumPaylaş

felixgerschau.comHow to use React Context with TypeScript | Felix GerschauLearn how to use React Context and how to make it TypeScript-compatible.

5 yıl önceYorumPaylaş

felixgerschau.comReact Context Examples | Felix GerschauThis page will give you some code examples of how to use React Context in different scenarios, including function and class components and…

5 yıl önceYorumPaylaş

felixgerschau.comHow to test Redux-connected React components | Felix GerschauWriting unit tests for Redux-connected React components can be tricky. This article explains how you can create your tests easily without mocking the entire store manually.

4 yıl önceYorumPaylaş

felixgerschau.comHow to use React's forwardRef function | Felix GerschauReact's references don't always behave like you would expect them to. In this tutorial, you'll learn why and how you can use the forwardRef function.

4 yıl önceYorumPaylaş

felixgerschau.comUsing setTimeout in React components (including hooks) | Felix GerschauUsing timeouts in React isn't as straightforward as you may think. In this article, you'll learn how to avoid mistakes when using them in React.

4 yıl önceYorumPaylaş

felixgerschau.comBuilding a SaaS application from scratch | Felix GerschauIn this article, I talk about my experience of building a full-stack SaaS product as a side project.

4 yıl önceYorumPaylaş

felixgerschau.comReact Component Composition Explained | Felix GerschauLearn how to use component composition to organize your code and improve performance.

4 yıl önceYorumPaylaş

felixgerschau.comLazy loading React components with React.lazy | Felix GerschauLearn how to improve performance by reducing the bundle size of your application.

5 yıl önceYorumPaylaş

felixgerschau.comHow to easily manipulate URL search parameters in JavaScript | Felix GerschauLearn what you need to know about working with URL search parameters.

5 yıl önceYorumPaylaş

felixgerschau.comGet paid for writing developer tutorials | Felix GerschauIf you have written for developers online before, chances are that you've heard of DigitalOcean's "Write for us" program, which pays you for…

5 yıl önceYorumPaylaş

felixgerschau.comForm validation with React Hooks WITHOUT a library: The Complete Guide | Felix GerschauIn this article, I walk you through the process of creating a hook that you can use for managing forms without the use of a library.

5 yıl önceYorumPaylaş

felixgerschau.comReact and TypeScript: How to find the right event type | Felix GerschauWhen getting started with TypeScript, finding the right interfaces can be challenging. In this article, you'll learn how to find the correct TypeScript interface for React events in any situation.

5 yıl önceYorumPaylaş

felixgerschau.comHow TypeScript helps you build better React apps | Felix GerschauIn which situations should you give React with TypeScript a try, and when is it better to stick to JavaScript? Speaking of my own experience, I walk you through the pros and cons of a TypeScript based frontend.

5 yıl önceYorumPaylaş

felixgerschau.comHow to create React components with TypeScript | Felix GerschauUsing TypeScript together with React has proven to be a powerful combination. Some people are afraid to move to TypeScript because they…

5 yıl önceYorumPaylaş

felixgerschau.comGetting started with React and TypeScript | Felix GerschauLearn how to add TypeScript to your React projects.

5 yıl önceYorumPaylaş

felixgerschau.comHow to use React's useHistory() hook | Felix GerschauLearn how to use the useHistory hook to get the most out of React's functional components.

5 yıl önceYorumPaylaş

felixgerschau.comHow to use React's useRef() hook | Felix GerschauLearn how to use the useRef hook to get the most out of React's functional components.

5 yıl önceYorumPaylaş

felixgerschau.comHow to use React's useEffect() hook | Felix GerschauLearn how to use the useEffect hook to get the most out of React's functional components.

5 yıl önceYorumPaylaş

felixgerschau.comMy Favorite Programming Books 2020 | Felix GerschauA description of the programming related books I enjoyed reading this year.

5 yıl önceYorumPaylaş

felixgerschau.comJavaScript Heap Out Of Memory Error | Felix GerschauThis error indicates high memory usage or a memory leak in your application. In this article, I cover different solutions to this problem.

5 yıl önceYorumPaylaş

felixgerschau.comJavaScript's Memory Management Explained | Felix GerschauEven though the JavaScript engine manages memory for us, it's good to know what happens under the hood.

5 yıl önceYorumPaylaş

felixgerschau.comforEach() vs. map() — JavaScript Array Function Comparison | Felix GerschauThis article does a quick comparison of the two JavaScript functions. After reading this, you should know when to use which function and why.

5 yıl önceYorumPaylaş

felixgerschau.comJavaScript Event Loop And Call Stack Explained | Felix GerschauLearn how JavaScript works in the browser: In this article, I explain how the call stack, event loop, job queue and more work together.

5 yıl önceYorumPaylaş

felixgerschau.comWhat is Project Fugu? More power to the web | Felix GerschauLearn more about this awesome project that makes the web more powerful by adding native features.

5 yıl önceYorumPaylaş

felixgerschau.comHow to Persist React State in Local Storage | Felix GerschauLearn how to persist the data of your React application, using local storage.

6 yıl önceYorumPaylaş

felixgerschau.comMy 9 favorite topics of "The Pragmatic Programmer" | Felix GerschauAfter reading the 20th-anniversary edition of the book, these are the summaries of my key-takeaways.

6 yıl önceYorumPaylaş

felixgerschau.comHow to Create Web Push Notifications - Full Tutorial | Felix GerschauPush notifications have come to the web! In this tutorial, I'll show you how to create a full-stack application that is able to send and receive web push notifications.

6 yıl önceYorumPaylaş

felixgerschau.comUnit testing React - What you need to know | Felix GerschauStarter guide to unit testing for React developers, covering the basics of unit testing, tools and some pitfalls you might encounter.

6 yıl önceYorumPaylaş

felixgerschau.comPeriodic Background Sync Explained | Felix GerschauExploring the periodic background sync JavaScript API, using an example application.

6 yıl önceYorumPaylaş

felixgerschau.comService Workers Explained - Introduction to the JavaScript API | Felix GerschauIntroduction to Service Workers, explaining the most important concepts and features.

6 yıl önceYorumPaylaş

felixgerschau.comTop 10 Web Developer Blogs in 2020 | Felix GerschauTop blogs by real humans about web development to read in 2020

6 yıl önceYorumPaylaş

felixgerschau.comHigh Performance Mobile Web by Maximiliano Firtman - Review and notes | Felix GerschauMy review and thoughts on the book plus the personal notes I took while reading it.

6 yıl önceYorumPaylaş

felixgerschau.comService Worker Lifecycle Explained | Felix GerschauExplaining the lifecycle of Service Workers in PWAs and how to update them as fast as possible.

6 yıl önceYorumPaylaş

felixgerschau.comHow to Make your React App a Progressive Web App (PWA) | Felix GerschauExplaining the most important concepts around PWAs followed by a step by step tutorial, using Webpack, Workbox and TypeScript.

6 yıl önceYorumPaylaş

felixgerschau.comWhen does React re-render components? | Felix GerschauReact re-rendering explained and how to optimize React's re-render performance

6 yıl önceYorumPaylaş

felixgerschau.comHow to use React.memo() to improve performance | Felix GerschauLearn how to use React.memo, some common pitfalls you might encounter, and why you shouldn't use React.memo for all your components.

6 yıl önceYorumPaylaş

felixgerschau.comGetting into Performance Budgets | Felix GerschauIn this article, I'll give you an introduction to performance budgets, the metrics and tools you can use and how you can implement them in your company.

6 yıl önceYorumPaylaş

felixgerschau.comPremature Optimization in JavaScript | Felix GerschauIn this article I'll explain what premature optimization and premature pessimization are and what kind of optimizations JavaScript developers should use.

6 yıl önceYorumPaylaş

felixgerschau.comCustom Metrics with WebPageTest and TravisCI | Felix GerschauLearn how to set up custom metrics using WebPageTest API and TravisCI

6 yıl önceYorumPaylaş

felixgerschau.comMeasuring the Performance of JavaScript Functions | Felix GerschauStart measuring your JavaScript function's performance with these APIs and learn how to use them.

6 yıl önceYorumPaylaş

felixgerschau.comHow to communicate with Service Workers | Felix GerschauThis article gives you an overview of the MessageChannel, Broadcast API and Client API and helps you to decide which one to use.

6 yıl önceYorumPaylaş

felixgerschau.comPWA Update Notification with Create React App | Felix GerschauLearn how to trigger update notifications that ensure that your users are using the latest version of your Progressive Web App.