Awesome React Weekly

Popular News and Articles

• 
  JSitor, an alternative of CodePen, JSBin and JSFiddle

  dev.to
• 
  The Power of React Hooks - Create an app using only this feature in React

  dev.to
• 
  Bridging the Gap between React's useState, useReducer, and Redux

  leewarrick.com
• 
  

  Sponsored
  AWS Cloud-aware infrastructure-from-code toolbox [NEW]

  Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)   » Learn more
  

  klo.dev

• 
  create-react-app is now showing off the new React logo/branding

  postimg.cc
• 
  Comparison of using Gatsby and Svelte for my personal site

  www.swyx.io
• 
  Animating React / Next.js page transitions with Framer Motion

  reacttricks.com
• 
  Framework Hell

  dev.to
• 
  

  Sponsored
  Appwrite - The Open Source Firebase alternative introduces iOS support

  Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!   » Learn more
  

  appwrite.io

• 
  My two cents of how to read a ReactJS project for beginners :)

  youtu.be
• 
  Import and preloading of bunch of images in React app

  medium.com
• 
  [Work in Progress] Thinking in React Hooks: D3 visualization of how class components translates to hooks (hover over each part)

  wattenberger.com

More from our sponsors

• 
  Access the most powerful time series database as a service

  Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

Trending libraries and projects

• react-redux

  » Code Design    » Data Store

  Official React bindings for Redux

  
• electron-react-boilerplate

  » Boilerplate    » Code Design

  A Foundation for Scalable Cross-Platform Apps

  
• react-dropzone

  » Drag and Drop    » File

  Simple HTML5 drag-drop zone with React.js.

  
• React Data Grid

  » Spreadsheet    » React

  Feature-rich and customizable data grid React component

  
• react-modal

  » JavaScript    » Overlay

  Accessible modal dialog component for React

  
• sematable

  » Redux    » Table

  ReactJS / Redux Data Table

  
• universal-router

  » Code Design    » Router

  A simple middleware-style router for isomorphic JavaScript web apps

  
• react-hotkeys

  » Keyboard Events    » UI Utilites

  Declarative hotkey and focus area management for React

• kea

  » Code Design    » Data

  Production Ready State Management for React

  
• react-soundplayer

  » Audio / Video    » UI Components

  📻 Create custom web audio players with React

  
• Sonar

  » Sponsored

  Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.