React
2.9K views | +0 today
Follow
 
Scooped by William delmas
onto React
August 15, 2020 5:29 AM
Scoop.it!

TypeScript + React: Component patterns

TypeScript + React: Component patterns | React | Scoop.it
This list is a collection of component patterns for React when working with TypeScript. See them as an extension to the TypeScript + React Guide that deals with overall concepts and types. This list has been heavily inspired by chantastic’s original React patterns list.
William delmas's insight:

Great for beginners. 

No comment yet.
React
Ressources about React, Typescript, and awesome JavaScript libraries that help us every day.
Curated by William delmas
Your new post is loading...
Your new post is loading...
Scooped by William delmas
August 17, 2020 6:00 AM
Scoop.it!

ECMAScript proposal for the Record and Tuple value types. 

ECMAScript proposal for the Record and Tuple value types.  | React | Scoop.it

This proposal introduces two new deeply immutable data structures to JavaScript:

  • Record, a deeply immutable Object-like structure #{ x: 1, y: 2 }
  • Tuple, a deeply immutable Array-like structure #[1, 2, 3, 4]

Records and Tuples can only contain primitives and other Records and Tuples. You could think of Records and Tuples as "compound primitives". By being thoroughly based on primitives, not objects, Records and Tuples are deeply immutable.

Records and Tuples support comfortable idioms for construction, manipulation and use, similar to working with objects and Arrays. They are compared deeply by their contents, rather than by their identity.

JavaScript engines may perform certain optimizations on construction, manipulation and comparison of Records and Tuples, analogous to the way Strings are often implemented in JS engines. (It should be understood that these optimizations are not guaranteed.)

Records and Tuples aim to be usable and understood with external typesystem supersets such as TypeScript or Flow.

No comment yet.
Scooped by William delmas
August 15, 2020 8:05 AM
Scoop.it!

New major release: Storybook 6.0, introducing combine storybook <3

New major release: Storybook 6.0, introducing combine storybook <3 | React | Scoop.it

Storybook 6.0 comes with best practice features pre-configured. These features were previously available as addons. Now these Essential addons have been tuned, documented, and shipped with Storybook. Furthermore, TypeScript support is built in, so you don’t have to worry about that either.

William delmas's insight:

New major release :) 

- Essentials: zero-config setup

- Args: next-gen story format
- Controls: live editing with no code
- Composition: combine Storybooks
- Documentation overhaul

No comment yet.
Scooped by William delmas
August 14, 2020 5:29 AM
Scoop.it!

Rome: Unifying the frontend development toolchain

Rome: Unifying the frontend development toolchain | React | Scoop.it
Rome is a linter, compiler, bundler, and more for JavaScript, TypeScript, JSON, HTML, Markdown, and CSS.

Rome is designed to replace Babel, ESLint, Webpack, Prettier, Jest, and others.

Rome unifies functionality that has previously been separate tools. Building upon a shared base allows us to provide a cohesive experience for processing code, displaying errors, parallelizing work, caching, and configuration.

Rome has strong conventions and aims to have minimal configuration. Read more about our project philosophy.

Rome is written in TypeScript and runs on Node.js. Rome has zero dependencies, and has largely been written from scratch. See credits for more information.

Rome is maintained by a team of volunteers under an established governance model.

Rome is MIT licensed and moderated under the Contributor Covenant Code of Conduct.
No comment yet.
Scooped by William delmas
November 8, 2017 4:19 AM
Scoop.it!

Build your first progressive web app with React 

Build your first progressive web app with React  | React | Scoop.it

PWA are essentially fast, performance-focused web applications that are streamlined for mobile. They also can be saved to your smartphone’s home screen and, from there, look and feel like a native app (including features like offline access and push notifications).

No comment yet.
Scooped by William delmas
August 30, 2016 4:19 AM
Scoop.it!

10 Tips for Better Redux Architecture

10 Tips for Better Redux Architecture | React | Scoop.it

Now there are two clear winners for data management in React: Redux and MobX, and the latter isn’t even a Flux implementation. Redux has caught on so much that it’s not just being used for React anymore. You can find Redux architecture implementations for other frameworks, including Angular 2. Seengrx:store, for example.

No comment yet.
Scooped by William delmas
August 16, 2016 3:59 AM
Scoop.it!

React + Redux + TypeScript === ♥

An introduction to the development of universal JavaScript applications with React, Redux & TypeScript

No comment yet.
Scooped by William delmas
June 21, 2016 6:19 AM
Scoop.it!

A React/Redux Tutorial Series: Cabin

A React/Redux Tutorial Series: Cabin | React | Scoop.it

Cabin is built using React and Redux. Stream powers the feed technology, Algolia search, Mapbox the custom maps, Keen analytics and ImgIX the image resizing. These APIs are powerful and scalable and allow you to build a fully featured app.

No comment yet.
Rescooped by William delmas from JavaScript for Line of Business Applications
April 14, 2015 3:06 AM
Scoop.it!

React Examples: Mailbox

React Examples: Mailbox | React | Scoop.it

This post explains the construction of a simple React web application. The app we want to design is basically a React clone of the email client in Ember‘s home page. It won’t send email, or communicate with a backend to pull a list of emails, it’s just a bit of static data with some Bootstrap styling.


Each component is, as always, a visible, semantic element on the screen. We have components to represent an email, a list of emails, the list of mailboxes, and a general component for when no email or mailbox has been selected.


Via Jan Hesse
No comment yet.
Rescooped by William delmas from Angular.js and Google Dart
March 20, 2015 4:10 AM
Scoop.it!

Make a Mobile App with ReactJS in 30 Minutes

Make a Mobile App with ReactJS in 30 Minutes | React | Scoop.it

Reapp was recently released on React. It’s a mobile app platform designed for performance and productivity. Think of it as a well-optimized UI kit, along with a build system and a bunch of helpers that let you build apps easily.

To explore using Reapp we’re going to build an app that lets you search with the Flickr API and view the results in a photo gallery. This tutorial should take you less than half an hour to follow along with!


Via Jan Hesse, Piyas De
No comment yet.
Rescooped by William delmas from JavaScript for Line of Business Applications
March 9, 2015 4:12 AM
Scoop.it!

Bootstrap 3 components built with React

Bootstrap 3 components built with React | React | Scoop.it

All Components of the most popular front-end framework, rebuilt for React.


Via Jan Hesse
No comment yet.
Rescooped by William delmas from JavaScript for Line of Business Applications
March 4, 2015 4:02 AM
Scoop.it!

Visualization is for Sharing: Using React for Portable Data Visualization

Visualization is for Sharing: Using React for Portable Data Visualization | React | Scoop.it

Data visualization has become a more frequent element of our work at Viget. Be it simple pie charts or beautiful maps displaying jersey sales, visually representing data in a compelling way is a great device for storytelling and provides rich fuel for social sharing.

Yet making these illustrations fast, shareable, and accessible has its challenges. Although browsers are powerful, tightly coupling the rendering process to them greatly complicates the generation of images that can be shared or saved for presentations.


Via Jan Hesse
No comment yet.
Scooped by William delmas
February 10, 2015 11:21 AM
Scoop.it!

React: Complementary Tools

React: Complementary Tools | React | Scoop.it

React is a small library that does one thing well. Here's a list of tools we've found that work really well with React when building applications.

No comment yet.
Scooped by William delmas
August 16, 2020 5:33 AM
Scoop.it!

Typescript: Announcing 4.0 RC

Typescript: Announcing  4.0 RC | React | Scoop.it

While this RC brings us closer to a new major version of TypeScript, don’t fret – there are no larger breaking changes than usual. Our philosophy in evolving TypeScript has always been to provide an upgrade path that minimizes disruptive breaking changes while still giving ourselves some flexibility to flag suspicious code as errors when appropriate. For this reason, we’re continuing with a similar versioning model to that of past releases, so 4.0 is just the natural continuation from TypeScript 3.9.

No comment yet.
Scooped by William delmas
August 15, 2020 5:29 AM
Scoop.it!

TypeScript + React: Component patterns

TypeScript + React: Component patterns | React | Scoop.it
This list is a collection of component patterns for React when working with TypeScript. See them as an extension to the TypeScript + React Guide that deals with overall concepts and types. This list has been heavily inspired by chantastic’s original React patterns list.
William delmas's insight:

Great for beginners. 

No comment yet.
Scooped by William delmas
August 13, 2020 3:35 AM
Scoop.it!

React Hebdo #22: Records & Tuples, React-Native-Windows, Docusaurus, Storybook, TypeScript... 

React Hebdo #22: Records & Tuples, React-Native-Windows, Docusaurus, Storybook, TypeScript...  | React | Scoop.it

Bonjour à tous,Je profite de cette édition pour vous annoncer officiellement ma collaboration avec Facebook sur le projet Docusaurus, dont je compte vous parler plus régulièrement.Content de voir Microsoft continuer son travail sur ReactNative Windows et MacOS. On a pas l'air très loin de pouvoir enfin adopter ces outils.Ce qui m'a le plus marqué cette semaine, c'est la proposal Records & Tuples qui passe en stage-2! Je commence justement à écrire un article de blog sur le sujet, car je pense

William delmas's insight:

Awesome curation list.
I recommend you yo sign up to this (french) newsletter.

No comment yet.
Scooped by William delmas
November 7, 2017 7:52 AM
Scoop.it!

TypeScript + React + Redux in real life project 

TypeScript + React + Redux in real life project  | React | Scoop.it

Remote as the name entails, is a remote, but for your browser ��

Nowadays, most of the content is available through the browser. However your browser is not always accessible straight from your TV, so you end up displaying your computer's screen on your TV.

Remote is the missing controller for your browser, especially when you're showing video content on TV.

No comment yet.
Scooped by William delmas
August 16, 2016 9:53 AM
Scoop.it!

React boilerplate : react + Redux +Typescript

React boilerplate : react + Redux +Typescript | React | Scoop.it

A universal boilerplate for building web applications w/ TypeScript, React, Redux and more.

Github repo: https://github.com/barbar/vortigern

No comment yet.
Scooped by William delmas
August 15, 2016 7:37 AM
Scoop.it!

Working with React and TypeScript 

Working with React and TypeScript  | React | Scoop.it

In this post you will learn about the following:

  • 1. Setting up the environment
  • 2. Setting up the project
  • 3. The basics about React components
  • 4. Developing React components with TypeScript
  • 5. Compiling the application
  • 6. Running the application

 

No comment yet.
Rescooped by William delmas from Web Dev News
April 20, 2015 4:02 PM
Scoop.it!

How Facebook’s React Native Will Change Mobile Apps

How Facebook’s React Native Will Change Mobile Apps | React | Scoop.it
Facebook just open-sourced its React Native framework for building mobile apps. React Native promises to let developers write JavaScript while still..

Via Nicolas Deloyer
No comment yet.
Scooped by William delmas
March 23, 2015 7:00 AM
Scoop.it!

Collection of awesome React libraries,

Collection of awesome React libraries, | React | Scoop.it

A collection of awesome React libraries, resources and shiny things.

No comment yet.
Rescooped by William delmas from Angular.js and Google Dart
March 12, 2015 4:45 AM
Scoop.it!

Reapp - a new way to build apps with React and JavaScript.

Reapp - a new way to build apps with React and JavaScript. | React | Scoop.it

Reapp is everything you need to build amazing apps with React: a collection of packages that work together, our UI kit, and a CLI that scaffolds your app and includes a server and build system.


Via Jan Hesse, Piyas De
Rescooped by William delmas from JavaScript for Line of Business Applications
March 4, 2015 7:58 AM
Scoop.it!

Advanced Two Way Binding for React

Advanced Two Way Binding for React | React | Scoop.it

React is a great library for many reasons. However, the first thing that anyone coming from Angular sees is the lack of two way binding by default. This is one of the reason why many developers don’t want to try it.

Even though two way binding is a cool feature, it is not actually needed by most applications. Yet, there are cases when it can be very useful.

Today, I will show you one such real life application which I use almost daily. Without two way binding this app will be a nightmare to develop.


Via Jan Hesse
No comment yet.
Rescooped by William delmas from Languages, Frameworks and DevOps tools
February 25, 2015 2:30 AM
Scoop.it!

React Tips and Best Practices - ÆFLASH

React Tips and Best Practices - ÆFLASH | React | Scoop.it
I've spent a good deal of the past year working with React. I've written, refactored, and re-written many components in that time, and I've seen some best practices and anti-patterns emerge. I'm not going to get into what React is...

Via yannick grenzinger
No comment yet.
Scooped by William delmas
February 10, 2015 10:03 AM
Scoop.it!

React: starter Kit

React: starter Kit | React | Scoop.it

This project template is a skeleton for an isomorphic web application (SPA) based on Facebook'sReact library and Flux architecture. You can use it to quickly bootstrap your web application projects. All the parts of this project template are easily replaceable.

No comment yet.