React Resources

Showing the most recent resources. The latest one is from 2019-05-30.
  • Build a form validation engine using custom React Hooks, from scratch, without having to learn a single form library. Read on to learn how!
    Tutorial  Added by upmostly // upmostly.com // 8 months ago
  • While making a Single Page App with React, it is very easy for your code-base to become unorganized. There are many good libraries in the React ecosystem that can be used to manage certain aspects of the app, this article covers some of them in depth. Other than that, it lists some good practices to follow from the beginning of the project if you have scalability in mind.
    Article  Added by DerekButter // buttercms.com // 8 months ago
  • In this tutorial, we’ll be using Cypress to write End to End tests for a Next.js app. Writing tests for your app is really necessary as it gives you the confidence to ship features faster. It essentially helps you remove critical bugs from your product. Writing End to End tests ensures that you test your app how a real user would.
    Tutorial  Added by DerekButter // buttercms.com // 8 months ago
  • Build a simple todo app using React and React Hooks. This is a perfect starting tutorial for beginner and intermediate React developers.
    Tutorial  Added by jcrowson // upmostly.com // 7 months ago
  • Hooks are a way to reuse logic across applications. You write a specific behavior (logic) and “hook” it into any component. This component now can use this logic normally. While React definitely has alternatives for the reuse of logic, we have seen that it is suboptimal – particularly for composition (multiple logics being added to a single component can become too verbose, too hard to debug and too similar to callback hell).
    Tutorial  Added by DerekButter // buttercms.com // 7 months ago
  • In this lesson, we’ll cover React state, how it works, and how we can use the useState Hook to build a simple dice rolling app. Let’s begin!
    Tutorial  Added by upmostly // upmostly.com // 7 months ago
  • Tutorial  Added by ShivangiCometChat // www.cometchat.com // 7 months ago
  • The onClick handler allows you to call a function and perform an action when an element is clicked. onClick is considered to be the cornerstone of any React app.
    Tutorial  Added by upmostly // upmostly.com // 7 months ago
  • React is one of the most popular JavaScript libraries for building user interfaces. To build an application using React, you just need to build encapsulated components that can contain their own state. Your application should basically be a collection of composable React components which can be reused multiple times.
    Tutorial  Added by derekbutter // buttercms.com // 7 months ago
  • Learn how to build a React switch component using the native HTML checkbox input! You’ll learn plenty about React checkboxes in the process.
    Tutorial  Added by upmostly // upmostly.com // 6 months ago
  • In React, there are two ways to refresh a page: updating the state and forcing a page reload. Let’s explore both methods of using React to refresh a page.
    Tutorial  Added by upmostly // upmostly.com // 6 months ago
  • Single-page application (SPA) SEO is hard—not impossible. Read this resource-packed guide to optimize your React, Vue or Angular app for Google.
    Article  Added by Mathdio24 // snipcart.com // 6 months ago
  • Whenever there’s a new React project, most frontend developers will fumble around with the basic configurations. Patterns of style implementation, component decoupling and folder structure will emerge - not always for the good.
    Article  Added by gsilva49 // labcodes.com.br // 6 months ago
  • PureScript helps reduce bugs and improve the stability of complex applications. Learn how to incrementally take over a small React application using Purescript's React and React Basic libraries while writing idiomatic code in both languages.
    Article  Added by thomashoneyman // thomashoneyman.com // 6 months ago
  • A thorough step-by-step guide for learning the basic and advanced React Hooks (state, effects, context, and reducers).
    Article  Added by emididam // www.telerik.com // 5 months ago
  • Ephemeral chat apps are apps where messages don't last after a recipient has seen it. This is popular in apps like Snapchat, Wickr, and likes. In this tutorial, you will learn how to build an ephemeral chat app using CometChat.
    Tutorial  Added by KingIdee // www.cometchat.com // 5 months ago
  • Get started with React Hooks by building two apps - Simple temperature app & Drag-drop application and understanding the difference from React classes.
    Article  Added by vtnetzwelt // www.vtnetzwelt.com // 5 months ago
  • As a developer, I’ve noticed ever since starting out that a lot of us are intimidated by building accessible apps. The fact of the matter is, it doesn’t have to (and shouldn’t) be that way. Accessibility is just like building 🏗 any other feature — and there needs to be greater awareness around this. 🤯
    Article  Added by e-schultz // medium.com // 4 months ago
  • Article  Added by poojarathan // buttercms.com // 4 months ago
  • This is not your typical "paste this here" and "paste that there"-type tutorial. While those tutorials certainly have merit, I am going to share my thought process from beginning to end.
    Article  Added by bookercodes // www.cometchat.com // 4 months ago
  • In this tutorial, you will learn how to create a chat app that sends ephemeral voice notes. That is, after the voice note is listened to, it will be destroyed.
    Tutorial  Added by KingIdee // www.cometchat.com // 4 months ago
  • Discover the many ways in which Next.js can help you give an SEO boost to React-powered single-page applications. Introduction to SPA SEO with a step-by-step Next.js tutorial.
    Tutorial  Added by Mathdio24 // snipcart.com // 4 months ago
  • In this tutorial you will learn how to build a group chat application with web push notifications
    Tutorial  Added by nsebhastian // www.cometchat.com // 4 months ago
  • Maintaining a big and complex react app is not for amateurs. Whatever you may choose to manage your app state, chances are that it's hard to pick up, like redux, or really convoluted, like making yourself a service layer. With the goal of making it easy for new developers to jump into our projects, we at Labcodes decided it was time to give this problem a little more thought. Our answer was rel-events.
    Article  Added by gsilva49 // labcodes.com.br // 4 months ago
  • Converting a Flow + React Native project (50K SLOC, 85% Flow coverage) to TypeScript, including motivations, helpful commands, conversion tips, and overall experience.
    Article  Added by adamterlson // medium.com // 3 months ago
  • The best way to learn React is to re-create Hello World but for React. Let’s learn all there is to know about building a simple Hello World app in React!
    Tutorial  Added by upmostly // upmostly.com // 3 months ago
  • React introduced hooks one year ago, and they've been a game-changer for a lot of developers. There are tons of how-to introduction resources out there, but here is a visual post about the fundamental mindset change when switching from React class components to function components + hooks.
    Article  Added by Wattenberger // wattenberger.com // 3 months ago
  • Should you use Flutter, React Native, or Xamarin? That depends on your project. Find out which framework is best for you in this comparison post.
    Article  Added by hadyelhady // blog.logrocket.com // 3 months ago
  • The KendoReact team wanted to learn (and share) what are the experts' top-of-mind tips, tricks and best practices that can make a React developer more productive so we turned to 25 experts from the React and JavaScript community and asked them this one question: What are your top productivity tips (tools, shortcuts, practices, resources) you'd give fellow React developers?
    Article  Added by emididam // www.telerik.com // 2 months ago
  • This article will articulate the strong-points and shortcomings of Vue and React, allowing more clarity into the popular frameworks and which one is most favorable to developers and the growth of the business.
    Article  Added by derekbutter // buttercms.com // about 1 month ago