React & Web Development
136.6K views | +0 today
Follow
React & Web Development
Ressources about React, Typescript, and awesome JavaScript libraries that help us every day.   https://www.linkedin.com/in/williamdelmas/
Curated by William delmas
Your new post is loading...
Your new post is loading...
Rescooped by William delmas from React
August 22, 2020 5:19 AM
Scoop.it!

Typescript: Announcing 4.0 RC

Typescript: Announcing  4.0 RC | React & Web Development | 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 20, 2020 3:22 AM
Scoop.it!

Recoil: State management library for React

Recoil is an experimental set of utilities for state management with React. Developed by Facebook.
Official Website: https://recoiljs.org/

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

Computing with types in TypeScript

Computing with types in TypeScript | React & Web Development | Scoop.it

Explore how we can compute with types at compile time in TypeScript.

William delmas's insight:

Excellent blog post if you are wondering how types work in Typescript.

No comment yet.
Rescooped by William delmas from React
November 8, 2017 4:19 AM
Scoop.it!

TypeScript + React + Redux in real life project 

TypeScript + React + Redux in real life project  | React & Web Development | 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
September 11, 2015 8:39 AM
Scoop.it!

HTTP/2 configuration on IIS

HTTP/2 configuration on IIS | React & Web Development | Scoop.it
What is HTTP/2? 

HTTP/2 is a rework of how HTTP semantics flow over TCP connections. The major advance of HTTP/1.1 was the use of persistent connections to service multiple requests in a row. In HTTP/2, a persistent connection can be used to service multiple simultaneous requests. In the process, HTTP/2 introduces several additional features that improve the efficiency of HTTP over the network.

  • One connection for multiple requests
  • Header compression with HPACK
  • Server push

No comment yet.
Scooped by William delmas
June 2, 2015 8:52 AM
Scoop.it!

Distributed Caching using Redis Server with .NET/C# Client

Distributed Caching using Redis Server with .NET/C# Client | React & Web Development | Scoop.it

In this article, I would like to describe my experience with installing and configuring Redis server in most compact way. Also, I would like to do a brief overview of usage Redis hashes and lists in .NET/C# client.

In this article:

  • Install Redis server (complete application files set is attached)
  • Protecting the server (configure authentication)
  • Configuring server replication
  • Access cache from C# application
  • Using ASP.NET session state with redis
  • Sample usage of the Redis Sets, Lists and transactions
  • Description of the attached sources (Redis with Funq IoC in MVC project : example)
  • Caching optimization ideas



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

AngularJS for ASP.NET MVC Developers

Web Development: AngularJS for ASP.NET MVC Developers by Miguel A Castro

When using ASP.NET MVC, you need to to know how to set Angular up with regards to modules, controllers, and services. And the truth is that not the entire site needs to be one giant Single-Page-Application. I’ll show how to design an ASP.NET MVC site so that it includes pockets of SPA that use Angular, taking advantage of binding, routing, and even back-button support - all while remaining on the client.


Via Jan Hesse
No comment yet.
Scooped by William delmas
March 17, 2015 10:22 AM
Scoop.it!

ASP.NET 5 and AngularJS, Running on a Mac

ASP.NET 5 and AngularJS, Running on a Mac | React & Web Development | Scoop.it

This is the seventh part in a multiple part blog series on building ASP.NET 5 (ASP.NET vNext) apps with AngularJS. In this series of blog posts, I show how you can create a simple Movie app using ASP.NET 5, MVC 6, and AngularJS.

No comment yet.
Rescooped by William delmas from JavaScript for Line of Business Applications
March 11, 2015 9:05 AM
Scoop.it!

Getting Started with React.js in ASP.NET MVC

Getting Started with React.js in ASP.NET MVC | React & Web Development | Scoop.it

In this post we will learn how to Getting Started with React.js in ASP.NET MVC.

  • React top feature is SPEED.

ReactJS.NET makes it easier to use Facebook’s React and JSX from C# and other .NET languages, focusing specifically on ASP.NET MVC. It supports on-the-fly JSX to JavaScript compilation, also bundling and minification.



Via Jan Hesse
No comment yet.
Scooped by William delmas
February 26, 2015 3:19 AM
Scoop.it!

Top 10 Changes in ASP.NET 5 and MVC 6

Top 10 Changes in ASP.NET 5 and MVC 6 | React & Web Development | Scoop.it

I spent the last couple of weeks writing sample code for ASP.NET 5/MVC 6 and I was surprised by the depth of the changes in the current beta release of ASP.NET 5. ASP.NET 5 is the most significant new release of ASP.NET in the history of the ASP.NET framework — it has been rewritten from the ground up.

In this blog post, I list what I consider to be the top 10 most significant changes in ASP.NET 5. This is a highly opinionated list. If other changes strike you as more significant, please describe the change in a comment.

No comment yet.
Scooped by William delmas
October 7, 2014 4:27 AM
Scoop.it!

Token Based Authentication using ASP.NET Web API 2, Owin, and Identity

Token Based Authentication using ASP.NET Web API 2, Owin, and Identity | React & Web Development | Scoop.it

So I decided to compile mini tutorial of three five posts which covers and connects those topics. In this tutorial we’ll build SPA using AngularJS for the front-end, and ASP.NET Web API 2, Owin middleware, and ASP.NET Identity for the back-end.

No comment yet.
Scooped by William delmas
August 20, 2014 8:09 AM
Scoop.it!

Extending ASP.NET MVC Music Store with elasticsearch

Extending ASP.NET MVC Music Store with elasticsearch | React & Web Development | Scoop.it

elasticsearch exposes a great JSON based REST API. However, to interact with it easily from .NET we’ll use a client API. There are several such APIs for .NET, not to mention other languages. As I’m one of the co-founders ofTruffler, a SaaS solution for search and content retrieval based on elasticsearch I’d of course love to use the Truffler .NET API. But as one key point of that API is to make it even easier than it already is to interact with elasticsearch it isn’t a good fit for this post.

No comment yet.
Scooped by William delmas
June 10, 2014 5:58 AM
Scoop.it!

AngularJS Token Authentication using ASP.NET Web API 2, Owin, and Identity

AngularJS Token Authentication using ASP.NET Web API 2, Owin, and Identity | React & Web Development | Scoop.it

In this post we’ll build sample SPA using AngularJS, this application will allow the users to do the following:

  • Register in our system by providing username and password.
  • Secure certain views from viewing by authenticated users (Anonymous users).
  • Allow registered users to log-in and keep them logged in for 24 hours or until they log-out from the system, this should be done using tokens.

If you are new to AngularJS, you can check my other tutorial which provides step by step instructions on how to build SPA using AngularJS, it is important to understand the fundamentals aspects of AngularJS before start working with it, in this tutorial I’ll assume that reader have basic understanding of how AngularJS works.

No comment yet.
Rescooped by William delmas from React
August 21, 2020 5:43 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 & Web Development | 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 curator insight, August 13, 2020 3:35 AM

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

Rescooped by William delmas from React
August 19, 2020 4:58 AM
Scoop.it!

TypeScript + React: Component patterns

TypeScript + React: Component patterns | React & Web Development | 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 curator insight, August 14, 2020 5:32 AM

Great for beginners. 

Scooped by William delmas
August 18, 2020 2:54 AM
Scoop.it!

TypedDocumentNode: the next generation of GraphQL and TypeScript 

TypedDocumentNode: the next generation of GraphQL and TypeScript  | React & Web Development | Scoop.it

TypedDocumentNode is a development tool for creating fully typed DocumentNode objects. It means that just by passing the GraphQL query/mutation/subscription/fragment to a supporting GraphQL client library, you'll get fully-typed result and variables objects.

No comment yet.
Scooped by William delmas
October 22, 2015 9:14 AM
Scoop.it!

Big-O Algorithm Complexity Cheat Sheet

Big-O Algorithm Complexity Cheat Sheet | React & Web Development | Scoop.it

This webpage covers the space and time Big-O complexities of common algorithms used in Computer Science.


You might also be interested in some podcasts: https://itunes.apple.com/us/itunes-u/introduction-to-algorithms/id341597754?mt=10


No comment yet.
Scooped by William delmas
June 19, 2015 3:50 AM
Scoop.it!

NCraft Conference 2015 – Betclic Team Feedbacks

NCraft Conference 2015 – Betclic Team Feedbacks | React & Web Development | Scoop.it

Needless to say that everyone learned a LOT of things and really enjoyed those two days!

Before going in details with the talks we attended, we’d like to mention that some of us also participated at one of the three one-day-workshops that Ncrafts also proposed the day before the conference. We really recommend you to go to one of those next year as this is the best way to get into something you’d like to investigate more. The workshops are held by most valuable people as this year we had the chance to attend:

No comment yet.
Scooped by William delmas
May 5, 2015 9:06 AM
Scoop.it!

End-to-End Testing Angular Apps with NUnit and SpecFlow using Protractor.NET

End-to-End Testing Angular Apps with NUnit and SpecFlow using Protractor.NET | React & Web Development | Scoop.it

Protractor is an end-to-end test framework for AngularJS. The official version is built on Node.js and Selenium WebDriverJS. While there is great support for NPM and task runners like Grunt and Gulp in Visual Studio (via extensions in VS 2013, and built into VS 2015), there is currently no way to integrate Protractor tests into Test Explorer (that I know of).

Thankfully there is Protractor.NET, a .NET port of Protractor built on top of Selenium WebDriver for .NET. It allows us to write Angular UI tests using .NET testing frameworks such as NUnit, and arguably produces more readable tests because there’s no need to use promises.

It’s worthwhile to mention that we can write tests for Angular apps using WebDriver alone. Often this is done by inserting waits to pause execution until Angular is finished doing its work. The advantage of using Protractor (and Protractor.NET) is that it understands Angular’s digest cycle and blocks until the digest cycle has finished. This allows us to write much cleaner test code.



No comment yet.
Scooped by William delmas
March 18, 2015 4:48 AM
Scoop.it!

How To Decide What To Do With Your Legacy Code

How To Decide What To Do With Your Legacy Code | React & Web Development | Scoop.it

Before you decide what to do, you have to take stock of your situation. Ask these four questions:

  1. Is the code quality high? High quality code can be defined in various ways — .does the code have automated tests? Is it well-factored? Is it easy to read?
  2. Is the code written using a modern technology stack?
  3. Is the highest priority business goal short-term or long-term? For example, do you need to fix bugs right now? Or are you launching an MVP to test product/market fit, do a demo, grab attention of investors? If so, then your high priority goal is near term. But if the future is more important than the near term (like you’ve got an existing customer base and you’re using this software to improve the business over the next few years), you’ve got a long-term goal. Of course, the future is always important. But, there are always tradeoffs, and we have to be honest about what the the highest priority goal is at the moment.
  4. Are the developers who wrote the legacy code part of the development team moving forward?
No comment yet.
Scooped by William delmas
March 17, 2015 4:18 AM
Scoop.it!

Visualize your .NET code quality with NDepend

Visualize your .NET code quality with NDepend | React & Web Development | Scoop.it

Code quality is an abstract concept and can be interpreted in several ways. You can find “best practices” depending on your programming language and paradigm. As an Object Oriented Programmer working with C# I heavily rely on the “Clean Code” concepts and the SOLID principles (more here).

Principles and concepts are mandatory for every professional developers. Yet when working on a huge code base it is difficult to know if your concepts are respected everywhere in your application. There are tools to help you with that and I had the chance to be able to test one of them, called NDepend and I will introduce it in this blog post.

No comment yet.
Scooped by William delmas
February 26, 2015 3:28 AM
Scoop.it!

Understanding .NET 2015

Understanding .NET 2015 | React & Web Development | Scoop.it

Last year after BUILD I posted Exciting Times for .NET and since then I have had the pleasure of working much closer with the .NET team, which includes the runtime, framework, languages & compilers. Although my focus has been a lot more on internal community in the last year, such as helping run internal conferences for our field employees, I’ve also spent time helping get the .NET Foundation off the ground and learning a lot about open source communities and all our .NET Foundation projects. Oh right, I also got married. :-) It’s been a transition period for me. Going from community “evangelist” to more of a “facilitator” or “connector”.  I really like Alex Hillman’s term: Tummler.

Now that we’re approaching the next BUILD, I’m even more excited about the progress we’ve been making, particularly around the .NET platform itself, and the team’s approach to open source. There are multiple tracks of .NET innovations happening so I thought I’d write a high-level “sign-post” style blog post to help people understand the major pieces and how and where to get involved with the projects. In other words, a good place to start learning about .NET 2015. At least that’s my hope!

No comment yet.
Scooped by William delmas
January 21, 2015 5:13 AM
Scoop.it!

Extending mocking with Moq

Extending mocking with Moq | React & Web Development | Scoop.it

In the last part of my Dependency Injection article I introduced the term of “mocking”. This kind of test double can be really powerful. Yet in my example I had to create 2 new classes (my mocks) to be able to test my functionality in order to reduced coupling. Here is the code used by the tests.

Moq provides a Verify method to check whether or not a method has been called and how many times. This is the method I used in the test to validate my test scenarios. You can notice that I no longer used NFluent, because in this case I don’t need it. Yet it is possible to use NFluent with Moq for the tests, they work really well together.

No comment yet.
Scooped by William delmas
October 4, 2014 8:47 AM
Scoop.it!

Design Patterns Training

In software engineering, a design pattern is a general reusable solution to a commonly occurring problem within a given context in software design 
Patterns are formalized best practices that the programmer must implement in the application.

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

Algorithms, essential information tha every serious programme needs to know abou algorithms and data structures

Algorithms, essential information tha every serious programme needs to know abou algorithms and data structures | React & Web Development | Scoop.it

Textbook.

 The textbook Algorithms, 4th Edition by Robert Sedgewick and Kevin Wayne Amazon · Pearson ] surveys the most important algorithms and data structures in use today. We motivate each algorithm that we address by examining its impact on applications to science, engineering, and industry. The textbook is organized into six chapters:

  • Chapter 1: Fundamentals introduces a scientific and engineering basis for comparing algorithms and making predictions. It also includes our programming model.
  • Chapter 2: Sorting considers several classic sorting algorithms, including insertion sort, mergesort, and quicksort. It also includes a binary heap implementation of a priority queue.
  • Chapter 3: Searching describes several classic symbol table implementations, including binary search trees, red-black trees, and hash tables.
  • Chapter 4: Graphs surveys the most important graph processing problems, including depth-first search, breadth-first search, minimum spanning trees, and shortest paths.
  • Chapter 5: Strings investigates specialized algorithms for string processing, including radix sorting, substring search, tries, regular expressions, and data compression.
  • Chapter 6: Context highlights connections to systems programming, scientific computing, commercial applications, operations research, and intractability.
No comment yet.