magnASCII.dev Simone Magnaschi
Senior Full Stack Web Dev
Bookmarks tagged with #react-js.
Show all

shadcn/ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
Saved on: 2025-03-18

React Scan

React Scan automatically detects and highlights components that cause performance issues in your React app. Drop it in anywhere – script tag, npm, you name it!
Saved on: 2025-02-18

21st.dev – The NPM for Design Engineers

Ship polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui.
Saved on: 2025-01-15

Avoid Common Mistakes while using hooks in React

This is my first story on any frontend stack, as I am currently going through a learning course, so thought of sharing a few concepts as I learn. Today, we are diving into the world of React Hooks —…
Saved on: 2024-12-10

Data Synchronization - ui.dev

Tags: #react-js
Saved on: 2024-10-01

yournextstore/yournextstore

Your Next Store: Modern Commerce with Next.js and Stripe as the backend. - yournextstore/yournextstore
Saved on: 2024-09-10

Component Party

Web component JS frameworks overview by their syntax and features: Svelte 5, React, Vue 3, Angular Renaissance, Angular, Lit, Ember Octane, Solid.js, Svelte 4, Vue 2, Alpine, Ember Polaris, Mithril, Aurelia 2, Qwik, Marko, Aurelia 1
Saved on: 2024-02-14

Why You Want React Query

Let's take a look at why you'd want a library like React Query, even if you don't need all the extra features it provides...
Saved on: 2024-01-23

No, disabling a button is not app logic.

A journey through the perils of haphazardly managing state with Boolean flags, to the tranquility of using reducers and state machines.
Saved on: 2019-12-16

Build your own React

We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the…
Saved on: 2019-11-15

Warra Blog

Saved on: 2019-08-29

React

Saved on: 2019-08-27

Divjoy

The React codebase generator.
Saved on: 2019-08-13

Frontend Design, React, and a Bridge over the Great Divide

Frontend designers create the HTML, CSS, and presentational JavaScript code that powers web products' user interfaces. I see frontend design as helpful mortar that bridges the gap between design and development. Of course "frontend designer" may or may not be the right title for it. Some others t
Saved on: 2019-07-19

Writing Resilient Components — Overreacted

Four principles to set you on the right path.
Saved on: 2019-03-18

Blog - Next.js 8 | Next.js

Next.js 8 introduces Serverless Mode, smaller bundles, performance improvements, and more.
Tags: #react-js
Saved on: 2019-02-12

React as a UI Runtime — Overreacted

An in-depth description of the React programming model.
Saved on: 2019-02-04

tyroprogrammer/learn-react-app: Application that will help you learn React fundamentals. Install this application locally - there's tutorial, code snippets and exercises. The main objective of this project is to help you get off the...

Application that will help you learn React fundamentals. Install this application locally - there's tutorial, code snippets and exercises. The main objective of this project is to help you get ...
Saved on: 2019-02-01

How Does setState Know What to Do? — overreacted

Dependency injection is nice if you don’t have to think about it.
Saved on: 2018-12-09

How Does React Tell a Class from a Function? — overreacted

We talk about classes, new, instanceof, prototype chains, and API design.
Saved on: 2018-12-03

A Complete Beginner's Guide to React - DEV Community ?‍??‍?

A digestible, visual introduction to React with a bonus cheatsheet at the end!
Saved on: 2018-09-04

Design Principles - React

A JavaScript library for building user interfaces
Saved on: 2018-07-30

I created the exact same app in React and Vue. Here are the differences.

Find out how to add, remove and change data, pass data in the form of props from parent to child, and send data from the child to the parent in the form of event listeners in both frameworks.
Saved on: 2018-07-29

JavaScript fundamentals before learning React

All the fundamentals in JavaScript for learning React. Often React beginners realize that most of the learnings are JavaScript, because React has only a small API ...
Saved on: 2018-07-20

kay-is/react-from-zero: A simple (99% ES2015 less) tutorial for React

A simple (99% ES2015 less) tutorial for React
Saved on: 2018-06-30

My struggle to learn React | Brad Frost

I'm going to be honest: I've had a hell of a time getting my head around React. More than any other technology I've touched over the last 10 years of my career, I just haven't had it click for me. It's very frustrating as I really want to learn it, and it's clear the library has legs. Thankfully,
Saved on: 2018-05-09

Building a Progressive Web App in React - Perficient Digital Labs

Progressive Web Apps (PWAs) are ready for prime time now that iOS Safari supports the most important features. There are many reasons to start building PWAs and converting current apps, including:
Tags: #react-js #pwa
Saved on: 2018-05-09

How to build a news app with JavaScript and React Native

For my first post on Dev, and I wanted to share with you how I made a news app with React Native.
Saved on: 2018-05-08

Integrating imperative APIs into a React application

How we crafted a declarative interface to an imperative API that is more expressive, easier to extend and better hides the complexity of interacting with a stateful system.
Saved on: 2017-12-20

The Beginner's Guide to ReactJS from @kentcdodds on @eggheadio

React got that name for a reason. It’s a component-based JavaScript library that renders smartly and can seriously simplify your work. This course is f...
Saved on: 2017-12-05

React-Redux A-B-C, Easy as 1–2–3 - Musa Barighzaai - Medium

This article is going to break down the 3 steps to implement Redux into your React applications. Broken down into 3 easy to remember steps.
Saved on: 2017-11-29

Simple React Patterns

Tags: #react-js
Saved on: 2017-11-10

ReactPWA | Progressive web application with ReactJS

An extendable boilerplate built on top of PawJS
Tags: #react-js #pwa
Saved on: 2017-11-02

JSX (react) in depth - an interactive tutorial

JSX react in depth - an interactive tutorial
Saved on: 2017-09-08

The Simplest React Stack – Bertalan Miklos – Medium

I am in search of the simplest React Stack. It has to be future-proof and feature-packed, but most importantly it has to be a breeze to work with. In this series I will look for easy-to-use solutions…
Saved on: 2017-08-31

Cheat to Win: Learn React with Copywork

Tired of making TODO apps over and over? Try this instead.
Saved on: 2017-06-27

expenses/README.md at master · jakubgarfield/expenses

💰Expense tracker using Google Sheets 📉 as a storage written in React - jakubgarfield/expenses
Saved on: 2017-06-21

Rebuilding Slack’s Emoji Picker in React – Several People Are Coding

Slack is transitioning its web client to React. When Slack was first built, our frontend consisted of established technologies like jQuery and Handlebars. Since then, the community has developed better ways to create scalable, data-driven interfaces. jQuery’s “render and modify” approach is straightforward, but it’s prone to falling out of sync with the underlying model.…
Saved on: 2017-05-24

Building HandsUp: an OS real-time voting App using GraphQL and React

In this article, we will look at all the steps that were involved to build an Open Source real-time voting App using GraphQL and React. This App will allow attendees of an event to ask questions
Saved on: 2017-05-17

Rearchitecting Airbnb’s Frontend – Airbnb Engineering & Data Science – Medi

Overview: We recently rethought the architecture for the JavaScript side of our codebase at Airbnb. This post will look at (1) the product drivers that precipitated the changes, (2) the steps we took…
Saved on: 2017-05-16

Build Yourself a Redux - The Zapier Engineering Blog - Zapier

Redux is a simple library that helps you manage the state of your JavaScript app. Despite that simplicity, it's easy to fall down rabbit holes when learning it. I often find myself explaining Redux, and almost always start by showing how I'd implement it. So that's what we'll do here:...
Saved on: 2017-05-05

Things nobody will tell you about React.js

Please do a mental experiment with me, imagine yourself back to 10 years ago, stop reading for 5 seconds and take a breath. Imagine then to meet a dev from the future telling you that in 10 years…
Saved on: 2017-05-04

react-redux-links/README.md at master · markerikson/react-redux-links

Curated tutorial and resource links I've collected on React, Redux, ES6, and more - markerikson/react-redux-links
Tags: #react-js
Saved on: 2017-04-19

markerikson/react-redux-links: Curated tutorial and resource links I've collected on React, Redux, ES6, and more

Curated tutorial and resource links I've collected on React, Redux, ES6, and more - markerikson/react-redux-links
Saved on: 2017-03-31

Using Neutrino to jump-start modern JavaScript development ★ Mozilla Hacks

Neutrino is a tool which brings together the best parts of the modern JavaScript toolchain with the ease of zero upfront configuration. Built to let you hit the ground running, ...
Saved on: 2017-02-24

chvin/react-tetris: Use React, Redux, Immutable to code Tetris. 🎮

Use React, Redux, Immutable to code Tetris. 🎮
Tags: #react-js
Saved on: 2017-02-04

More Than React: Why You Shouldn’t Use ReactJS For Complex Interactive Fron

Yang Bo showcases reasons why React stumbles when used in complicated front-end projects and how his Binding.scala framework improves the experience.
Saved on: 2017-02-02

CRAFT: Create React App From Template – Medium

CRAFT (Create React App From Template) is a command-line utility that helps you get started with your new React app using a starting point of your liking: one you created yourself or maybe one…
Saved on: 2017-01-30

react-md

An accessible React component library styled with Sass/SCSS built to the the foundation for web applications. The default styles are based on material design.
Tags: #react-js
Saved on: 2016-12-16

Blueprint - A React UI toolkit for the Web

A React-based UI toolkit for the web
Saved on: 2016-11-12

Idiomatic Redux: Why use action creators? · Mark's Dev Blog

First in an occasional series of thoughts on good usage patterns for Redux
Saved on: 2016-10-10

React

How
Saved on: 2016-09-08

redux-ecosystem-links/apps-and-examples.md at master · markerikson/redux-ecosystem-links

A categorized list of Redux-related addons, libraries, and utilities - markerikson/redux-ecosystem-links
Saved on: 2016-09-08

React Server

Saved on: 2016-08-11

Create Apps with No Configuration | React

This blog site has been archived. Go to react.dev/blog to see the recent posts. Create React App is a new officially supported way to create single-page React applications. It offers a modern build setup with no configuration. Getting Started Installation First, install the global package: Node.js 4.x or higher is required. Creating an App Now you can use it to create a new app: This will take a while as npm installs the transitive dependencies, but once it’s done, you will see a list of…
Saved on: 2016-07-25

The SoundCloud Client in React + Redux

Build a React + Redux SoundCloud Client. It is a huge tutorial where you build an example real world application. Learn React JS and Redux along the way. Consume the SoundCloud API, login and interact...
Saved on: 2016-06-13

Thinking in React – React

The library for web and native user interfaces
Saved on: 2016-05-28

Tips to handle Authentication in Redux #2 introducing redux-saga — Medium

After about 5 month from my first article Tips to handle Authentication in Redux, I think it’s time to share with you all how the actual redux ecosystem changed and improved the way I usually do…
Saved on: 2016-05-25

react-boilerplate/Changelog.md at master · react-boilerplate/react-boilerplate

🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices. - react-boilerplate/react-boilerplate
Saved on: 2016-05-18

Leveling Up with React: Redux | CSS-Tricks

This tutorial is the final of a three-part series by Brad Westfall. We'll learn how to manage state across an entire application efficiently and in a way that
Saved on: 2016-03-31

Step by Step Guide To Building React Redux Apps - rajaraodv - Medium

Redux is becoming the de facto way to build React apps. And there are tons of examples that show how it’s done. But React-Redux apps have too many parts like: “Reducers”, “Actions”, “Action…
Saved on: 2016-03-21

Getting Started with ReactJS, Typescript, and Webpack — Medium

Recently at work, I’ve been working on transitioning our web application from Typescript, Angular, Bower and Gulp to Typescript, ReactJS, NPM, and Webpack. After scouring the internet, I found lots…
Saved on: 2016-03-21

Server-Side Rendering With React, Node And Express – Smashing Magazine

Web applications are highly interactive, dynamic and performant, while websites are informational and less transient. This very rough categorization provides us with a starting point, from which to apply development and design patterns. In this article, Dmitry Nutels will show you examples that will get you to the point of being able to be a better judge of how, in your particular application, a server-side rendering solution should be approached. The evolution steps he’ll go through are hardly comprehensive, especially in the area of data retrieval on the server. There is a lot of additional work being done by tools and frameworks that have been inspired and enabled by React: Redux, Relay, Fluxible, Alt and so many, many more.
Saved on: 2016-03-04

ui.dev | JavaScript, but fun.

We help JavaScript developers make more money - and enjoy themselves in the process.
Saved on: 2016-03-01

petehunt/react-howto: Your guide to the (sometimes overwhelming!) React eco

Your guide to the (sometimes overwhelming!) React ecosystem. - petehunt/react-howto
Tags: #react-js
Saved on: 2016-02-16

Learn React by itself -- no JSX, no Flux, no ES6, no Webpack.

Learn React from the ground up, without worrying about JSX, Flux, ES6, Webpack, etc.
Saved on: 2016-02-14

mxstbr/react-boilerplate

🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices. - react-boilerplate/react-boilerplate
Saved on: 2015-12-27

ReactRally - YouTube

Videos from the React Rally conferences.
Saved on: 2015-11-05

The Future of Web Development - React, Falcor, and ES6 | Widen Engineering

The future of web application development looks a bit different than what we are all used to. I'll show you how to build a simple full-stack JavaScript app u...
Saved on: 2015-10-13

gaearon/react-transform-boilerplate

A new Webpack boilerplate with hot reloading React components, and error handling on module and component level. - gaearon/react-transform-boilerplate
Saved on: 2015-09-21

Sage: Open Source Mathematics Software: React, Flux, RethinkDB and SageMath

I've been using databases and doing web development for over 20 years, and I've never really loved any database before and definitely didn'...
Saved on: 2015-09-01

reactjs - netflix - tony casparro - chasing 60fps - YouTube

Tony Casparro from Netflix talking about rebuilding the netflix ui with reactjsReact Render Visualizer: https://github.com/redsunsoft/react-render-visualizer...
Saved on: 2015-08-13

New React Devtools Beta | React

This blog site has been archived. Go to react.dev/blog to see the recent posts. We’ve made an entirely new version of the devtools, and we want you to try it out! The full devtools gif Why entirely new? Perhaps the biggest reason was to create a defined API for dealing with internals, so that other tools could benefit as well and not have to depend on implementation details. This gives us more freedom to refactor things internally without worrying about breaking tooling. The current version of…
Saved on: 2015-08-04

SurviveJS

Get started with JavaScript and related technologies
Saved on: 2015-07-15

React JS tutorial with React UI Builder - YouTube

Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
Saved on: 2015-07-13

Dan Abramov - Live React: Hot Reloading with Time Travel at react-europe 20

React’s unique strength is bringing to JavaScript development some of the benefits previously exclusive to more radically functional languages such as Elm an...
Saved on: 2015-07-05

gaearon/redux · GitHub

A JS library for predictable global state management - reduxjs/redux
Tags: #react-js
Saved on: 2015-07-05

arkency/reactjs_koans: Learn basics of React.js making the tests pass

Learn basics of React.js making the tests pass
Saved on: 2015-06-29
❤️
</>
2026