I'm a web developer and designer with a background in stage design. It comes naturally to me to care about user experience and so I specialize in front-end development. My main expertise is with building web apps with React and ecosystem that surrounds it.

💻 After a great start at Embrace - the Human Cloud ☁️ I'm currently working at Mediahuis Noord 📰 as a front-end developer, building the app and the new website with React and TypeScript. Before I worked as my own boss at flyfi web development. flyfi specialized in building performant progressive web apps ⚡.

• ‍👨‍👩‍👧‍👦 Husband and father of two
• 🧑‍💻🚀 Self-taught developer
• ✏️ Designer with experience in stage design, graphic design and web design
• 🧩 Experience with:
  • React
  • React Native
  • TypeScript
  • Unit test with Jest and react-testing-library and mock service worker
  • Integration and end-to-end testing with Cypress
  • serverless backend and database services
  • basic backend skills
  • writing code that's well structured and easy to understand
  • designing beautiful websites
• ⚽🚲🧘‍♂️ Sports lover
• 🎸🪕🎹🎶🎛 Versatile musician
• 🎨🎭 Creative mind
• 🔪🍴🥘 Cook and food lover
• 📫 How to reach me: heinerbehrends@hotmail.com

On my journey to become a developer I learned a lot by building personal projects, that challenged different kinds of skills and helped me to learn different technologies like react, css-in-js, testing, redux, gatsby and nextjs, immutable data structures and serverless functions. Here are some of the more recent examples.

An implementation of the problem set 12 of the MIT course 6.00 Introduction to computer science and programming using the Nextjs framework to combine nodejs server code and react client code. It is build using typescript and relies on functional programming priciples like closures for information hiding, pure functions and immutable data structures. This approach leads to a more maintable code base and less mental overload, compared to an object oriented approach that uses shared mutable state. Uses the ramda library for its map and mapAccum functions, recharts for data visualisation, react-query to manage server state and the nextjs framework. Check out the interactive simulation on Vercel: https://virus-simulation-next.vercel.app/

Pizzazz is to scrabble what a blog post is to a tweet. Pizzazz consists of a react frontend that uses Redux and Redux-Saga for async state management and a nodejs backend. Web sockets are used for fast bi-directional communication between the server and the client. Check out the railway app.

Design and implementation of a website for my New Wave band The Buzz. Featuring a videowall that adapts its height to the screen size, a custom hook parallax effect using requestAnimationFrame and a special audio player. Uses a Hasura database and Netlify functions to save the heart count of each song. Build with Gatsby and TypeScript. Check it out on Netlify: https://werethebuzz.netlify.app/

Giphy concentration is an online version of the children's game concentration, known as Memory in Europe. It uses a search box and the Giphy API to fetch animated gifs. Build with TypeScript and Remix it uses serverless functions and environment variables to hide the Giphy API Key. Check it out on Vercel: https://remix-vercel-test-b84xhuwpu-heinerbehrends.vercel.app/

An implementation of Conwell's Game of Life for the react library. It features the possibility to seed many different patterns like methusalems, oscillators and space ships, controls for the speed and a start/stop button. Check it out on Netlify: https://game-of-life-immer.netlify.app/ Game of Life is build using Redux for state management and the immer library for immutable data structures. The size of the game automatically adapts to the size of the screen.