Christian Ingeman Broberg

57 Flips | 6 Magazines | 109 Likes | 1 Follower | @cbroberg | Getting ideas and making stuff happen @WebHouse and @ODEUM

Create a Docker dashboard with TypeScript, React and Socket.io

In this article, we are going to use a few different technologies together to build something which, after a bit more elaboration, might actually be …

Simplify your React components with Apollo and Recompose

Keeping your components pure with HoCs<p>One of the main goals of Apollo Client and the Apollo project in general is to fit seamlessly into the modern …

Context in ReactJS Applications

There is a lot of confusion amongst React developers on what context is, and why it exists. It’s also a feature that’s been hidden in the React …

The Advanced Git Guide: Git Stash, Reset, Rebase, and More

Could you be using Git more efficiently? The answer is probably a resounding “Yes,” which is why Toptal Software Engineer Ursula Clarke wrote today’s …

Node Best Practices

Node Style Guide<p>Style<br>• Example<br>• Testing<br>• Version Switching<p>Style<p>Use four spaces for indenting your code (do not use tabs)<br>• Use \n for a newline character (yes …

JavaScript

100+ CSS Resources For Web Designers And Developers

by Bradley Nice, Content Manager at ClickHelp.co — professional technical writing tool<p>A serious web designer/developer must call for a skill to write …

CSS

Navigating the React.JS Ecosystem

In this article, I'll go through some of the interesting features and libraries that are available to use with React. Even if you don't plan on using …

React Bootstrap Tutorials - 5

Build Your First React.js App

Let's start from scratch and build a full React application!<p>Building your first React application can be challenging. React itself is fairly simple. …

Components and Props - React

Components let you split the UI into independent, reusable pieces, and think about each piece in isolation.<p>Conceptually, components are like …

Q&A: The JavaScript-based React UI library explained

React, the result of collaboration between Facebook and Instagram, provides a JavaScript library for developing user interfaces. It abstracts away …

A cartoon guide to Flux – Code Cartoons

Flux is both one of the most popular and one of the least understood topics in current web development. This guide is an attempt to explain it in a …

Create a character voting app using React, Node.js, MongoDB and Socket.IO

In this tutorial we are going to build a character voting app (inspired by Facemash) for EVE Online - a massively multiplayer online game. You will …

What I learned from building a React Native app

React Native is Facebook's open-source framework for building native mobile apps using JavaScript. Unlike PhoneGap/Cordova, React Native provides …

react-map-gl | Docs

React Components Suite for Mapbox GL JS.<p>In addition to exposing MapboxGL functionality to React apps, react-map-gl also integrates seamlessly with …

Universal React

Jack Franklin darns the holes left in our applications by exploring how our client-side JavaScript frameworks might also be run on the server to …

React Cheat Sheet

React Components, Elements, and Instances

Many people get confused by <b>the difference between components, their instances, and elements in React</b>. Why are there three different terms to refer to …

Stateless Functional Components in React 0.14

The idea of defining our UI’s using declarative components has taken off recently with the emergence of React as a UI Library for not only JavaScript …

The React Curve

Shortly before the Christmas of 2015, Pete Hunt engaged the Javascript community on Twitter, asking where newcomers to React experienced the most …

Tutorial: Build a React.js Application with User Login & Authentication

<b>Update:</b> Check out the new custom forms features we’ve added to the Stormpath React SDK, including the ability to plug in your own markup to the forms …

Software Engineering

Should I use React.createClass, ES6 Classes or stateless functional components?

So you’ve decided to build a React component. You know what it will do, what it’s called, and where it’ll go. But when you open your editor and go to …

React Native Media Queries

This module brings media queries like functionality to React Native styles.<br>Uses React.Dimensions.get('window') (or the nativeEvent data when bound to …

Using redux-saga To Simplify Your Growing React Native Codebase

Some of the most fragile, embarrassing, and unreadable code you will write is flow control. — Beowulf<p>So What’s the Problem Here Anyway?<p>Look. You know …

React.js Best Practices for 2016

<b>2015 was the year of React</b> with tons of new releases and developer conferences dedicated to the topic all over the world. For a detailed list of the …

Building Your First React.js App

The easiest way to get started with the popular Javascript library<p>This article will take you through <b>every step</b> of building the simplest React app …

Building a React Universal Blog App: A Step-by-Step Guide

<b>When the topic of single page applications (SPAs) comes up, we tend to think of browsers, JavaScript, speed, and invisibility to search engines. This</b> …

Native Mobile Developers: It’s time to learn JavaScript

<i>If you already know, jump to</i> <i>https://facebook.github.io/react-native/</i><i>, if you’ve been there, nice, you’re ready for the future.</i><p>Time has come that the …

JavaScript