Stay up to date with the latest news on React.
View this email in your browser

The React Newsletter

I would like to ask for your advice. To develop the tutorial you might be looking for I would like to know which subjects you think I need to cover. The course is both for developers who are new to React as well as those who already use React and want to get better at it. I have created a poll where you can tell me the subjects you want to see covered. Please select every one of the subjects you want covered. You can also specify any extra subjects you think I might have missed.

You can find the poll here:


Recreating Redux — Behind the magic curtain

Released mid 2015, Redux has quickly become one of the most popular libraries to manage state in a React application. Libraries such as React-ReduxReact-Router-Redux and middleware such as redux-thunk make it easy to quickly create single page applications with react and redux, though can crowd and overwhelm someone just beginning to explore these ideas.

Throughout this article we’ll be taking a step back, to implement a simplified version of the core of redux, with the intention of developing a deeper understanding of the underlying concepts behind the library.

Read more
Testing in React: Getting Off The Ground

A high level guide into testing your React Application

The following is intended as a lightweight introduction into testing in React.

UI testing

Testing the UI has always been a complex task. React made it easier to test the UI due to its render everything as soon as something changes approach. This means passing in the same data will also result in the same UI representation, making it easier to test components, as we can assert that the same input will always result into the same output. In this article we will solely focus on Unit Tests and neglect E2E testing approaches like using Selenium for example. Testing should incorporate both approaches. We will cover the first.

Read more
React Stateless Functional Components: Nine Wins You Might Have Overlooked
React .14 introduced a simpler way to define components called stateless functional components. These components use plain JavaScript functions. Here’s the before and after in ES6.

Read more
What is React? | React + Redux + Webpack (Part 1)
Part 1 of the React + Redux + Webpack series. In this video, we discuss what makes React different from other JavaScript frameworks and how it allows you to write your code declaratively.

Watch video
ReactJS Cookbook ebook
Read more
Testing Redux Applications

As I mentioned a few posts ago, we’ve been doing some front-end projects in React and Redux at work. We use test-driven development (TDD) so we’ve been figuring out the best way to test-drive our Redux applications.

I’ve written extensively about my approach to testing in the Getting Testy series. How do those principles and practices apply to a React/Redux application?

The Redux documentation has a fairly extensive section on writing tests which is a reasonable starting point. There’s also an open issue about improving the advice given in that section.

Read more
State of the Art JavaScript in 2016
So, you’re starting a brand new JavaScript front end project or overhauling an old one, and maybe you haven’t kept up with the breakneck pace of the ecosystem. Or you did, but there’s too many things to choose from. React, Flux, Angular, Aurelia, Mocha, Jasmine, Babel, TypeScript, Flow, oh my! By trying to make things simpler, some fall into a trap captured by one of my favorite XKCD comics.

Read more
Quick Start Tutorial: Universal React, with Server Side Rendering

magine creating a web app in cutting-edge React, only to discover it feels sluggish as users wait for all the JavaScript to download before they can see anything, and what’s more, amateur blogs are better search-engine optimized than your new site. In the inimitable words of DJ Khaled, “Congratulations, you played yourself.”

Fortunately, React provides a way to avoid these issues: rendering on the server.

You can use this method to generate HTML on the server and send the markup down on the initial request for faster page loads and to allow search engines to crawl your pages for SEO purposes.

Perfect. To render React on the server, our example app will handle requests using routes, and respond with markup generated using React components and the app state. When the app loads in the browser, we will use the same routes, components, and state to initialize React, handing off rendering from the server to the browser.

Read more
Leveling Up with React: Redux

Redux is a tool for managing both data-state and UI-state in JavaScript applications. It's ideal for Single Page Applications (SPAs) where managing state over time can be complex. It's also framework-agnostic, so while it was written with React in mind, it can even be used with Angular or a jQuery application.

Plus, it was conceived from an experiment with "time travel" — true fact, we'll get to that later!

As seen in our previous tutorial, React "flows" data through components. More specifically, this is called "unidirectional data flow" — data flows in one direction from parent to child. With this characteristic, it's not obvious how two non parent-child components would communicate in React:

Read more

Read more
Learn to Code: 13 Tips that Could Save You Years of Effort

When you’re new to coding, it can be hard to know where to start, and it’s easy to get sucked down paths that could waste a whole lot of your time and money.

I’m Eric Elliott, author of “Programming JavaScript Applications” (O’Reilly), development team leader, JavaScript instructor, and public speaker. I teach and hire JavaScript developers. I know both sides of the market very well. Here are some of my favorite tips for aspiring coders.

Read more
Copyright © 2016 ABL - The Problem Solver, All rights reserved.

unsubscribe from this list    update subscription preferences 

Email Marketing Powered by Mailchimp