Kishore varma kishorevarma

## introrx.md

      
              7 files
            
          
              2514 forks
            
          
              472 comments
            
          
              21944 stars
            
          
                staltz
                / introrx.md
            
            
              Last active
              July 15, 2024 15:43
            
              
                The introduction to Reactive Programming you've been missing
              
          
    The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.


## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
    <style>
      .node {
      fill: #ccc;
      stroke: #666;

## .gitignore
node_modules

## coordinating-async-react.md

      
              1 file
            
          
              22 forks
            
          
              10 comments
            
          
              150 stars
            
          
                acdlite
                / coordinating-async-react.md
            
            
              Last active
              June 17, 2024 11:56
            
              
                Demo: Coordinating async React with non-React views
              
          
    Demo: Coordinating async React with non-React views

tl;dr I built a demo illustrating what it might look like to add async rendering to Facebook's commenting interface, while ensuring it appears on the screen simultaneous to the server-rendered story.
A key benefit of async rendering is that large updates don't block the main thread; instead, the work is spread out and performed during idle periods using cooperative scheduling.
But once you make something async, you introduce the possibility that things may appear on the screen at separate times. Especially when you're dealing with multiple UI frameworks, as is often the case at Facebook.
How do we solve this with React?

  
## no-dbl-click-mat.directive.ts
import { Directive, HostListener } from '@angular/core';

@Directive({
  selector: '[appNoDblClickMat]'
})
export class NoDblClickDirectiveMat {

  constructor() { }

  @HostListener('click', ['$event'])

## App.tsx
import { SafeAreaProvider } from 'react-native-safe-area-context';
import * as AuthSession from 'expo-auth-session';
import { RefreshTokenRequestConfig, TokenResponse, TokenResponseConfig } from 'expo-auth-session';
import jwtDecode from 'jwt-decode';
import { useEffect, useState } from 'react';
import { Alert, Platform, Text, TouchableOpacity } from 'react-native';
import { useAsyncStorage } from '@react-native-async-storage/async-storage';
import * as React from 'react'
import * as WebBrowser from 'expo-web-browser';
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style>
	.node {
	fill: #ccc;
	stroke: #666;
	import { Directive, HostListener } from '@angular/core';

	@Directive({
	selector: '[appNoDblClickMat]'
	})
	export class NoDblClickDirectiveMat {

	constructor() { }

	@HostListener('click', ['$event'])
	import { SafeAreaProvider } from 'react-native-safe-area-context';
	import * as AuthSession from 'expo-auth-session';
	import { RefreshTokenRequestConfig, TokenResponse, TokenResponseConfig } from 'expo-auth-session';
	import jwtDecode from 'jwt-decode';
	import { useEffect, useState } from 'react';
	import { Alert, Platform, Text, TouchableOpacity } from 'react-native';
	import { useAsyncStorage } from '@react-native-async-storage/async-storage';
	import * as React from 'react'
	import * as WebBrowser from 'expo-web-browser';