Tag: React-Learn

It's tricky to keep your codebase organized as your React project grows. Here are five best-practice tips for organizing your large React app.

There are plenty of JavaScript frameworks available nowadays. Here, we contrast Vue and React, two of the best options.

Learn how to generate a new React project with the command-line tool Create React App, using a pre-configured webpack build for development.

Jack takes a look at higher-order components, a design pattern that helps keep your React apps tidy, well structured and easy to maintain.

Learn the basics of using forms in React: how to allow users to add or edit info, and how to work with input controls, validation, and 3rd-party libraries.

An introduction to JSX, explaining how it makes development easier, and why you shouldn’t be worried about separation-of-concerns issues.

Michael Wanyoike introduces the fundamentals of React, showing how to get started with Create React App and how to create a simple React app.

Should you pick Angular or React? Pavels Jelisjevs looks in detail at what both frameworks have to offer, and gives some practical advice on how to choose.

If you’re new to React, you could benefit from learning from React developers who’ve learned valuable lessons about the framework.

Camilo Reyes explores what it takes to unit test React components and the thought process required for making components testable.

Tony Spiro continues his React Blog App by introducing Flux.

Tony Spiro shows how to build a React Universal Blog App that will first render markup on the server side to make your content available to search engines.

In this post, we're going to learn how to create a music player using some of the new features in React 16.

Are you an Angular dev looking to get started with React? If so, then join Mark Brown for a guided tour of the differences and similarities between the two.

Chris Laughlin takes a look at some of the options for applying CSS styles to React components, and introduces the styled-components library.

Eric Greene of the Microsoft Developer Network teaches the fundamentals of working with data in React apps.

React eases the development of snappy, event-driven user interfaces that are fast at responding to state changes. This is particuarly important considering users expect web apps to feel smooth and seamless like native apps. In this article, you'll learn about what React is good at and what makes it work. This should provide you with the context required to decide if this library could be a good fit for your next project, and whether you should learn React.

Ivan Jovanovic introduces the basic concepts of reactive programming and explains why he's ditching React for Cycle.js, a functional reactive JS framework.

Moustapha Diouf walks through the his process for designing & building his side project: a fullstack JavaScript Trello clone using React, Redux, and Node.js

Writing inefficient React components can cause them to rerender too often. Peter Bengtsson looks at ways of creating and optimizing stateless components.

An excerpt from Azat Mardan's "React Quickly" book, which explains how to work with state in React and takes a look at the difference between state & props.

Brad Denver explains how sitepoint.com does universal react rendering by using a Node.js proxy to pre-render components in content coming from WordPress.

Moritz Kröger discusses his experiences of using Redux without React — the problems  faced, the solutions attempted and the lessons learned along the way.

Dan Prince presents an in-depth comparison of 3 React alternatives (Deku, Preact & Virtual Dom) and looks at why they might be right for your next project.

This article provides a primer on the React view system and JSX templating language.

Dan Prince compares 6 different methods for binding the value of the this keyword in react components, including new methods from ES2015 and ES2016.

In this quick tip Bruno Mota demonstrates creates a reusable video component with React, using react-hot-boilerplate to jump start his dev environment.

Gain confidence with default properties, such as properties, defaults, and modules and allow your components to be used without any properties being passed.

React Native is one of the hottest cross platform mobile development frameworks around, Jon Shaffer presents a comprehensive guide to installing it.

Are you thinking of trying React but aren't sure where to start? Then Craig Bilner's yuletide round up of React and the surrounding technologies is for you.