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

The React Newsletter

Hi <<First Name>>,
 
Documenting React Components With Storybook

Storybook markets itself as a playground for UI components and its main focus is on “writing stories.”

Storybook uses the concept of stories to document components.

A story usually contains a single state of one component, almost like a visual test case. Technically a story is a function that returns something that can be rendered to a the screen.

Your component storybook will contain many different stories for many different components.

Each story we write will contain a single state, for example:

What’s great about Storybook is that it works with many popular front-end frameworks and libraries such as React, Vue, React Native, Angular, and more.


Read more
 
How to Scroll to Item in React?
A brief tutorial which shows you two use cases on how to scroll to an item within a list of items in a React List Component. We will use the native browser API to scroll to our React element with a button click. It’s up to you how to trigger the event in the end. For both use cases, we will start with the same React list component that renders a list of items from an array of objects.

Read more
 
Lightning fast SSR React apps with top perceived performance and no (client side) JavaScript
Netflix changed their frontpage a while back to only serve HTML, CSS and a small amount of Js. Let’s have a look on how you can do the same with Next.js, and if the principles still apply today. Is the user getting a better perceived experience when we turn off the client side JavaScript?

Watch video
 
MobX-state-tree: A step by step guide for React Apps
Developers who are familiar with Redux know how important and useful it is to have a storage and good control of your app’s state. MobX is seen as an alternative to Redux, with slight different features that make it very interesting for building smaller applications quickly and efficiently.

Read more
 
GraphQL vs REST: putting REST to rest

When you need to build an API, your mind will likely jump to REST, the de factostandard for API creation. However, this is about to change with GraphQL, as its popularity quickly rises.

Not everyone fully understands yet what GraphQL is all about, or why it's being declared as the successor of REST, and that's exactly what I'll clear up in this article. Here I'll show off GraphQL's main features and the advantages that it has over REST, highlighting a few points in which both differ.

The goal is to provide a brief explanation to anyone who still hasn't got to know GraphQL, and clarify exactly what it does better than REST, for those who are still skeptic about this technology.

Let's start with the very basics.


Read more
 
React and Accessibility
Why should we care about accessibility (A11Y)?

I used to think of accessibility as developing websites for blind people. I couldn't be more wrong.

Accessibility impacts more people than we think. There are around 1.3 billion people with disabilities in the world. The equivalent to the whole chinese market.

There are several types of barrier that impact users on the web:

  • auditory disabilities
  • cognitive disabilities
  • physical disabilities
  • speech disabilities
  • visual disabilities
  • Aging

Additionally, some people might be experiencing temporary impairments that may occur due to an accident, surgery, or medication.


Read more
 
React video courses
Because I need to pay my bills 😉
 
Copyright © 2019 ABL - The Problem Solver, All rights reserved.


unsubscribe from this list    update subscription preferences 

Email Marketing Powered by Mailchimp