React Fiber is an ongoing reimplementation of React's core algorithm. It is the culmination of over two years of research by the React team.
| // ==UserScript== | |
| // @name MarketCap.Cash Unofficial Features | |
| // @namespace https://github.com/jfloss1 | |
| // @version 1 | |
| // @description Add wallet connection support + token balance and totals | |
| // @author John Floss | |
| // @match https://www.marketcap.cash/ | |
| // @icon https://www.google.com/s2/favicons?domain=marketcap.cash | |
| // @require https://cdn.ethers.io/lib/ethers-5.2.umd.min.js | |
| // @grant none |
| /* global chrome, MediaRecorder, FileReader */ | |
| chrome.runtime.onConnect.addListener(port => { | |
| let recorder = null | |
| port.onMessage.addListener(msg => { | |
| console.log(msg); | |
| switch (msg.type) { | |
| case 'REC_STOP': | |
| console.log('Stopping recording') | |
| if (!port.recorderPlaying || !recorder) { |
| def connect(email, password): | |
| ''' | |
| Atrocious function to connect to Pokémon Go with a Google account. | |
| I have no shame. | |
| Returns the identification token on success, 'None' otherwise. | |
| ''' | |
| from Crypto.PublicKey import RSA | |
| from Crypto.Cipher import PKCS1_OAEP |
| function throttle(callback, wait, immediate = false) { | |
| let timeout = null | |
| let initialCall = true | |
| return function() { | |
| const callNow = immediate && initialCall | |
| const next = () => { | |
| callback.apply(this, arguments) | |
| timeout = null | |
| } |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="description" content="rlgame2 new: add, display, remove items"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <script src="https://cdn.firebase.com/js/client/2.4.0/firebase.js"></script> | |
| <script src="https://cdn.firebase.com/libs/reactfire/0.5.1/reactfire.min.js"></script> | |
| <script src="http://fb.me/react-with-addons-0.14.3.js"></script> | |
| <script src="http://fb.me/react-dom-0.14.3.js"></script> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="description" content="Logbook of Exercices"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <script src="https://cdn.firebase.com/js/client/2.4.0/firebase.js"></script> | |
| <script src="https://cdn.firebase.com/libs/reactfire/0.5.1/reactfire.min.js"></script> | |
| <script src="http://fb.me/react-with-addons-0.14.3.js"></script> | |
| <script src="http://fb.me/react-dom-0.14.3.js"></script> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="description" content="React Firebase Add and Display Items"> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <script src="https://cdn.firebase.com/js/client/2.4.0/firebase.js"></script> | |
| <script src="https://cdn.firebase.com/libs/reactfire/0.5.1/reactfire.min.js"></script> | |
| <script src="http://fb.me/react-with-addons-0.14.3.js"></script> | |
| <script src="http://fb.me/react-dom-0.14.3.js"></script> |
Hi Nicholas,
I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:
The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't
| <script type='text/javascript' src='astar.js'></script> | |
| <script type='text/javascript'> | |
| var graph = new Graph([ | |
| [1,1,1,1], | |
| [0,1,1,0], | |
| [0,0,1,1] | |
| ]); | |
| var start = graph.grid[0][0]; | |
| var end = graph.grid[1][2]; | |
| var result = astar.search(graph, start, end); |