Starting out with a new React.js App, it is often tedious to set up the environment and actually start coding. This article will walk you through the process of creating a React.js starter template that you can reuse for all of your future projects.

A sample repository is available at: https://github.com/dube-academy/react-starter

An accompanying YouTube video is available at: https://youtu.be/CDA2f0_Ijkg

Prerequisites

There is not much that we need for our starter template — that is the reason why we build our starter template. We want to use this in the future as a starting point for new React.js apps. Apart from some…


You can have a look at the deployed interactive demo or have a look at the github repo.

MNIST is a classic dataset for training image classifiers using Deep Learning. The dataset consists of 70,000 handwritten digits, stored as images. Playing around with Deep Learning for a bit now, I thought it might be fun to see what performance is possible to achieve as someone being new to the field.


Photo by USGS on Unsplash

I have been coding all things web (JavaScript) for over 5 years now, and I feel that I am reasonably good at writing web and mobile apps. It’s been almost two years since I left my startup where I worked as CTO. Right after leaving my startup, I ordered a book about hands-on machine learning and started reading and writing the first lines. I had no idea what I was doing and getting into it was frustrating.

Actually, I didn’t get into it that time around. I moved on to another job and it was simply more comfortable to stay…


In today’s economy, (web) developers are sought after like water on Tatooine. There is a lot of us out there and even more, people jump on the train, switching careers from jobs like barista or chef, but the demand of the market does not seem to get satiated any time soon. That puts us developers in a comfortable position to choose what type of work we want to pursue and how we live our life. Anything from a super personal startup environment in the heart of Berlin, playing foosball (we Germans call it Tischkicker) in lunch breaks to working as…


Photo by Alex on Unsplash

Coding and Design. A love / hate relationship. Some developers dread the tedious task of implementing design guidelines provided by UX / UI Designers, others love to make things beautiful. I identify with the latter, but at the same time, why not build a smart system that will reduce the time and confusion in adopting design guidelines. We will have a look at how to create a Component System that makes your development process stupidly fast and still follows and enforces design guidelines.

I will first introduce the styled-components library and then show you how to build a design system…


Photo by Shane Aldendorff on Unsplash

Hooks just landed in the production build of React v16.8, and it brings a new way of thinking and using React. In short, React Hooks shift the way we build components from an object-oriented (classes) towards a functional approach. As stated in the docs, using classes/inheritance and also the need to bind this for class methods confused a lot of people, especially beginners. With React Hooks, this is no more. In fact, writing components now is super fast and retrofitting a component with state doesn’t require you to rewrite the whole component from a functional component to a class Component.


Photo by Markus Spiske on Unsplash

I have been working in the internet my entire career — except for my teenage years, but I guess they don’t count. Working in web (development) is a great thing, the industry is ever growing and new possibilities pop up everywhere, from AI to Blockchain to IoT. I however, began with designing and coding simple websites. This first got me hooked with web development and has kept me busy ever since.

Building a website or an app takes a lot of time and effort, increasing in complexity. Now why is that? Firstly, we have the possibility to make better and…


Photo by Andrew Worley on Unsplash

Yet another year is over and JavaScript is ever changing. However, there are some tips that can help you write clean and efficient code that scales, even (or maybe especially?) in 2019. Below is a list of 9 pragmatic tips that will make you a better developer.

1. async / await

If you’re still stuck in callback hell, 2014 wants its code back. Just don’t use callbacks, unless it is absolutely necessary, for example required by a library or for performance reasons. Promises are fine, but they’re a bit awkward to use if your codebase gets bigger. My go-to solution nowadays is async /…


Photo by beasty . on Unsplash

As mentioned in one of my earlier articles, mastering JavaScript fully can be a lengthy journey. You may have come across this on your journey as a JavaScript Developer. When I started out, I first saw it when using eventListeners and with jQuery. Later on, I had to use it often with React and I am sure you also did. That does not mean that I really understood what it is and how to fully take control of it.

However, it is very useful to master the concept behind it, and when approached with a clear mind, it is not…


Photo by Christopher Burns on Unsplash

The human mind is incredible. We can think of anything and with a little bit of hard work, we can build it. The famous saying:

Imagination is the limit of possibilities

This is true in my opinion. Sure, some thoughts really are not possible to incorporate in our physical world (think of telekinesis), or they just take more time to implement — Elon Musk’s Neuralink is actually working on a brain interface system, which, paired with currently existing wireless technology, would make telekinesis a reality.

This mindset fuels a lot of today’s innovation and businesses, especially in the tech world…

Lukas Gisder-Dubé

Passionate about technology, design, startups and personal development. Bringing ideas to life at https://dube.io

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store