Improve the Performance of your Site with Lazy-Loading and Code-Splitting

How to use a High-Order Component to load what is needed, when needed. Componentization has marked a before and after in web development. The main advantages...

View Full Post
How to use a High-Order Component to load what is needed, when needed. Componentization has marked a before and after in web development. The main advantages that are usually mentioned are reusability and modularization. Components are well defined pieces that we can use to build our sites, like bricks of Legos. It turns out this component...
0

Demystifying server-side rendering in React

Let’s have a closer look at the feature that allows you to build universal applications with React. Server-Side Rendering — SSR from here on — is the ability of a...

View Full Post
Let’s have a closer look at the feature that allows you to build universal applications with React. Server-Side Rendering — SSR from here on — is the ability of a front-end framework to render markup while running on a back-end system. Applications that have the ability to render both on the server and on the client are called universal apps. Why...
0

Speaking of web layouts…introducing the Magic Hat technique ✨

A dish for pleased designers, pleased designers, however many of all, pleased users. When upon a time (couple of weeks ago), I was asked to...

View Full Post
A dish for pleased designers, pleased designers, however many of all, pleased users. When upon a time (couple of weeks ago), I was asked to deal with a brand-new item. “ Start solo with UI & & FE, it’s greenfield, do not hesitate to experiment.” I think that my reaction, something like, “all right,” was...
0

A Comprehensive Guide to React.js in 2018

This article was originally published in January of 2015, but was recently updated to React 16.3 and all the goodness it contains. Components are the...

This article was originally published in January of 2015, but was recently updated to React 16.3 and all the goodness it contains. Components are the building blocks of React. If you’re coming from an Angular background, components are very similar to Directives. If you’re coming from a different background, they’re essentially widgets or modules. You can...
0

What Music Can Teach United States About The Way We Share Code

What Music Can Teach United States About How We Share Code Is that a Cello-playing ape? Not that lengthy earlier, a number of us were...

View Full Post
What Music Can Teach United States About How We Share Code Is that a Cello-playing ape? Not that lengthy earlier, a number of us were bring a suspicious-looking luggage in the rear of our vehicles, or had actually one concealed under our beds. Several of us had Ikea-made towers with several storage space rooms standing...
0

An introduction to animated transitions with React Router

In this text we’ll have a look at how you can animate your route transitions with React Router by breaking down the ‘Animated Transitions’ instance...

View Full Post
In this text we’ll have a look at how you can animate your route transitions with React Router by breaking down the ‘Animated Transitions’ instance on the React Router docs. I’ve created a video to go along with this text in case you’d desire that: https://medium.com/media/932advert95922945190f2023014a23ec240/href If you’re studying this you’ve most likely found that React Router...
0

How to model the behavior of Redux apps using statecharts

Statecharts: a visual formalism for complex systems Our app, whether we like it or not, will be in a particular state at any given point in...

View Full Post
Statecharts: a visual formalism for complex systems Our app, whether we like it or not, will be in a particular state at any given point in time. As we code User Interfaces (UI), we describe these states using data (a Redux store for instance), but we never give each state a formal name. More importantly, there are...
0

Evolving Patterns in React

Let’s take a closer look at some of the patterns that are emerging in the React ecosystem. These patterns improve readability, code clarity, and push...

View Full Post
Let’s take a closer look at some of the patterns that are emerging in the React ecosystem. These patterns improve readability, code clarity, and push your code towards composition and reusability. I started working with React roughly about 3 years ago. At that time, there were no established practices from which to learn in order...
0

Rock Solid React.js Foundations: A Beginner’s Guide

React.js crash course I’ve been working with React and React-Native for the last couple of months. I have already released two apps in production, Kiven Aa...

View Full Post
React.js crash course I’ve been working with React and React-Native for the last couple of months. I have already released two apps in production, Kiven Aa (React) and Pollen Chat (React Native). When I started learning React, I was searching for something (a blog, a video, a course, whatever) that didn’t only teach me how to...
0

How to convert an Angular app to a React app — one component at a time.

Let’s convert Angular components to React components Angular and React are both great frameworks/libraries. Angular provides a defined structure of MVC (Model, View, Controller). React...

View Full Post
Let’s convert Angular components to React components Angular and React are both great frameworks/libraries. Angular provides a defined structure of MVC (Model, View, Controller). React provides a lightweight rendering mechanism based on state change. Often times, developers will have an application with legacy code in AngularJS but they’ll want to build new features in ReactJS. Although...
0

log in

Don't have an account?
sign up

reset password

Back to
log in

sign up

Back to
log in
Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Open List
Open List
Ranked List
Ranked List
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format