React

Analytics is a big topic. What you don't know, you cannot optimize. To learn more about it, I am interviewing Steven Malone about Forage Analytics, a…

Although React is a UI library, that doesn't mean you couldn't write full-stack applications around it. Frameworks, such as Next.js, have appeared to …

When developing user interfaces with React, you often create a set of basic primitives. Another option is to consume them from a third-party library a…

Developing user interfaces with React tends to require effort and often it's done at the level of code. What if we could create user interfaces in the…

Testing mobile applications is a tough topic as you have to worry about different devices, and the interaction model is challenging. Detox is a solut…

Debugging JavaScript is one of those topics where people tend to be divided into two camps - those that console.log and those that use a debugger. In…

Developing user interfaces can be complex as you have to think about different ways it's going to be used and you have to design patterns and componen…

When building web applications and sites using React, you have to think carefully about the user interface. You might either go with an established us…

One of the developments that has began to change the way we style our applications and sites is the introduction of utility classes. Tailwind is an ex…

I've settled on using Emotion for styling my React applications. The API is close to styled-components and especially Emotion 10 is filled with functi…

Often layouting a web page is an afterthought. Put a div here and there, sprinkle some CSS, and call it done. Perhaps you are more advanced and use CS…

Although state management solutions like Redux have become the standard, at least with React, there's still room for innovation in the space. Sometim…

React has uses beyond application development. One of the perhaps surprising use cases is to integrate it within a Content Management System (CMS) suc…

It is exciting to organize a conference, especially when it's the first of its kind in a region. To learn more about one such event, I'm interviewing …

It's difficult to write an application without side effects. Consider handling requests, dealing with third parties, managing storage for example. The…

One of the tricky things about writing React components meant for public consumption is making them compatible with various styling approaches used by…

Developing large scale applications requires a certain amount of discipline. Sometimes it is enforced by the environment; sometimes you have to apply …

When you are writing applications, eventually you have to decide how to manage state. You can get far with React setState and lift the state in the co…

There are a lot of React conferences these days. React has become one of the most popular web technologies during the past few years so this is unders…

Forms are a frequent topic in web development as we saw in the earlier interview about a-plus-forms. This time around, I'm interviewing Erik Rasmussen…

Although using Redux is straight-forward once you understand the approach and its nuances, after a while it gets repetitive. It's easy to end up with …

If you think about it, a lot of web development has something to do with forms. Every time you capture information, you most likely require a form. It…

Even though React API is small, the implementation is quite sizable due to all the work it does behind the façade. For this reason, people have develo…

There are a lot of React events out there these days and it seems a new one appears every week somewhere around the world. To continue on the theme, …

Testing React components is a constant topic. You can test through solutions like Jest or Enzyme. Or you could try something else like unexpected-reac…

Redux took the React world by a storm when it was introduced. The simple idea provided a guideline for the community and "solved" state management for…

I had the privilege to participate in React Next 2017 as an invited speaker. Participation gave me a good chance to learn more about Israel and also a…

React gives a lot of freedom by default. You can choose which libraries to use to complement it. Freedom comes with responsibility, though. Now you ar…

Since the early days of the web, people have wanted to visualize data to share with others. Even though the platform provides something basic for thes…

Building universal web applications combining server side rendering with front-end is popular these days. The approach is not without its problems, th…

Perhaps the greatest thing about React is how flexible it is. It contains some opinions but not too many. You still have plenty of freedom. Sometimes …

Routing is one of those classic topics that comes up again and again. HTML5 History API itself is quite simple, but there are different opinions on ho…

There's a lot of talk about universal web applications but developing them tends to be harder than it might sound. You will have to worry about the di…

Design is difficult as you have to come up with a set of rules to describe it – a system. You don't always have to devise one yourself, and Material D…

If there's one thing that divides web developers, it's styling. A part of this has to do with the different requirements of websites and web applicati…

There are plenty of events out there. What is it like to organize one? I know it's hard work based on what I've seen. To get more perspective, I'm in…

Data visualization is a big topic itself. When it comes to the web, D3 is perhaps the most well-known solution. Even though you can wrap it with React…

One common way to deal with asynchronous concerns (fetching for example) in React is to push the problem to a state manager or handling it through lif…

Getting started with React can be daunting especially if you want to understand the entire setup. Solutions like create-react-app have hidden a lot of…

Styling is one of those topics that's under flux. My React styling chapter alone covers quite a few approaches and Michele Bertoli's list has a lot mo…

One of the cool things about React is that it managed to pull a lot of people into the component world. Even though there was initial resistance, the …

If you ask multiple React developers their styling approaches, you will also get multiple different answers. One trend is clear, though, the movement …

What's more fun than making applications with React? Making games of course! I remember coding Pong in Python (harder than it sounds) and writing a te…

If there's one thing that has set React community apart, it's the focus on developer experience (DX). Historically developer tools haven't been the gr…

Writing a little HTML table isn't particularly hard. It all gets more complex when you need logic like filtering, pagination, or fixed headers. A simp…

When developing front-ends, handling asynchronous behavior is always bit of a challenge. Yassine Elouafi's redux-saga provides one solution to this pr…

It is tedious and boring to do the same thing over and over. That's where generator tools come in as they take some grunt work out of coding. Mikey by…

It has been a while since the previous release and a lot has happened. In addition to ramping up my consulting and training business, I managed to pub…

Builder by Formidable Labs is one of those projects tackling the boilerplate issue. It is a project that repurposes npm scripts into something more po…

Boilerplate code is perhaps one of the leading causes of JavaScript fatigue. You often have to go through certain motions to set up a project or maint…

npm alone has more than three thousand JavaScript boilerplates. Often it's easier to maintain your own than to use one designed by someone else. Every…

It has been a while since the previous release and quite a bit has happened. As you might have noticed, there's actually a new book about webpack out …

Even though I've spent a lot of time with web development, I never really delved into the world of Content Management Systems (CMS). I'm of course awa…

Given there's a lot going on in the React ecosystem, it can be difficult to keep up. Jeff Winkler maintains a service known as React.rocks to alleviat…

More often than not, you are going to need a back-end for your application. Particularly RESTful APIs are popular. They are not the only choice, thoug…

There is always some level of tension between getting things done and learning new technologies. A lot of the recent JavaScript fatigue stems from tha…

People have been developing style guides for their sites and applications for quite a while. They define basic building blocks and aesthetics. This is…

When I started this project roughly a year ago I had no idea how rewarding and demanding one it would be. Writing books is way harder than it sounds. …

The previous release candidate prompted a nice amount of feedback. I've taken that into account in this release. I have a date for the final in sight …

There has been talk of JavaScript fatigue. It's true the field is progressing fast. And as you move fast, it can be tiring for sure. Fortunately, as w…

When it comes to testing, often you assert certain truths. At the very least you might have simple asserts sprinkled in your code. Or you might push …

If the previous release candidate had few changes, this one is the opposite. I consider this good news as it's better to catch bigger issues now rathe…

Not a lot has happened since the previous release candidate. The biggest change has to do with a little bug that the recent release of Babel 6.4 revea…

Since the beta was launched, I've been working on remaining improvements. This has mostly meant tuning the existing content, although there are some n…

Performing big changes to a codebase is always a little daunting. Doing each change by hand is time consuming and generally leads to errors, unless yo…

The long awaited 2.0 is getting very close. babel-plugin-react-transform reached version 2.0 last Wednesday. This was all I needed to push the book to…

This is perhaps the last release before the long awaited 2.0. Alt reached version 0.18. As a result a certain part of the book broke. I have fixed tha…

It is amazing what a great year this turned out to be. I launched this site around July. Since then a lot has changed. While the situation might have …

I discussed my React component boilerplate earlier on. It is focused and deals only with the frontend. Often you need more than just a frontend, thoug…

It's time for another maintenance release with minor tweaks here and there. Probably the biggest change is the fancy new cover which I crafted based o…

When people ask about what routing solution to use with React, they often get pointed at react-router. It is a powerful solution and used by many so i…

You could say a lot has happened since the previous release. React 0.14 came out mere hours after it. React DnD gained 0.14 compatibility in its 2.0 r…

If you try searching GitHub for React boilerplates, you'll find over thousand results. Nothing is harder than to agree on a standard boilerplate. As a…

Bootstrap is easily one of the most popular CSS frameworks out there. Beyond grids and basic layout utilities, it provides a nice set of widgets to us…

Compared to 1.8.0, 1.9.0 can be seen as a more conservative release. There are plenty of smaller fixes and even some new content too. I decided to fix…

I ran into Christian Alfoni through his original blog early this year (2015). He had written a nice post about Webpack. That led me to provide a sever…

It's always impressive when people take an idea and turn it into a concrete service. Andrew Ray did this with his ShaderFrog. It's a portal where you …

I remember seeing these strange webpack.config.js files in JavaScript projects for a long time. I didn’t give Webpack a good look until the promise of…

We have once more new chapters in the book. I'm going to try a new model with these. For now the full versions of the testing and typing chapters will…

Onwards we go. v1.7.5 can be characterized as a refinement release. I went through "React and Flux" and "From Notes to Kanban" with my editor (thanks …

As React deals only with the view layer you will often have to complement it with something else. Flux architecture is one answer but not the only one…

I skipped doing a public post for v1.6 as I was too tired (berry season is taxing). Now I'm going to give you release notes for both v1.6 and v1.7 at …

As an author I like to keep an eye on the market. You have to know who you are against after all! It's not an understatement to say could that it's ab…

Compared to the previous tagged release (v1.1.0, 10th of July) this new one (v1.5.0) is a monster. 274 commits went into it and nine contributors took…