React Newsletter #203

React TypeScript Cheatsheet, React Table v7, building secure React apps


Articles

Flutter vs Native vs React-Native: Examining performance

In this article, a software consulting company shares the results of performance tests showing mathematical calculations of number Pi implemented in native and cross-platform approaches.

React Typescript Cheatsheet

In this post, Ben Duncan shares a few patterns he finds useful when building a project in React + Typescript.


Sponsor

React developers are in demand on Vettery

Vettery is an online hiring marketplace that's changing the way people hire and get hired. Ready for a bold career move? Make a free profile, name your salary, and connect with hiring managers from top employers today. Get started today.


Projects

Redux+TypeScript template for Create-React-App

You can use this to set up a brand new Create-React-App project that will be automatically set up with:

  • Redux Toolkit, React-Redux, and TypeScript dependencies included
  • A Redux store configured and created, with exported types for the RootState and thunks
  • The React-Redux passing the store to your React components
  • A small "counter" example showing how to add Redux logic using Redux Toolkit and a "ducks" feature-based structure, and using the React-Redux hooks API to interact with the store from inside your components.

React Table v7

This latest version of React Table is a collection of React hooks and plugins (which are also hooks) that help you flexibly compose logical features of the most complex data grids into a single API returned by the primary useTable hook. This API is performant, extensible, and unopinionated about markup, styles or rendering.

New Ionic React Live Code Demo

Ionic React's new landing page now shows off a new demo with real code and three starter apps that show best practices with an iOS, Android, and Progressive Web App using Ionic React. Historically, Ionic only supported Angular, but React will likely soon become their most popular framework.

Excalidraw

Excalidraw is a whiteboard tool built with React that lets you easily sketch diagrams that have a hand-drawn feel to them. It recently added live collaboration capabilities, which might be helpful if your team plans to work from home for the foreseeable future.


Videos

Building Secure React Applications

In this talk at GOTO Conf, Philippe De Ryck deep dives into two particular topics around application security. First, he takes a close look at XSS, React's defenses, and the responsibilities of the developer. The second topic zooms in on the challenges with including NPM dependencies and how attackers can abuse NPM to target your application. Philippe also provides a concrete set of guidelines that all React developers can implement to improve app security.

Federated Modules in Webpack 5

Want to share code dynamically between web applications but don't want to use libraries or custom Micro-FE frameworks? Check out Webpack 5 and see how federated modules will fundamentally change how you view web applications.


made with ❤️ by ui.dev