Chellappan ChellappanRajan

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

Regular Event Loop

This shows the execution order given JavaScript's Call Stack, Event Loop, and any asynchronous APIs provided in the JS execution environment (in this example; Web APIs in a Browser environment)

Given the code

	index.html

	<script>
	__Zone_disable_Error = true; // Zone will not patch Error
	//https://github.com/angular/angular/blob/main/packages/zone.js/MODULE.md
	</script>

	{
	"states": [
	{
	"id": "1",
	"type": "Union Territory",
	"capital": "Mayabunder",
	"code": "AN",
	"name": "Andaman and Nicobar Islands",
	"districts": [
	{

	const first = getBoundingClientRect(elm);

	doSomething();

	const last = getBoundingClientRect(elm);

	const deltaX = first.left - last.left;
	const deltaY = first.top - last.top;
	const deltaW = first.width / last.width;
	const deltaH = first.height / last.height;

	- Allow only 2 digit decimal point following 3 digit number.
	/^\d{0,3}(\.\d{1,2})?$/

	- Allow English Alphabets (A-Z) and Numbers and Special Characters ('-@&#*_)
	/^[ A-Za-z0-9_@#&'-]$/

	- Add - or some delimeter to number

	var str = 'habc123def';
	str = str.replace(/(?=(.{3})+$)/gm, ".");

	$(window).on("scroll", function() {
	var scrollHeight = $(document).height();
	var scrollPosition = $(window).height() + $(window).scrollTop();
	if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
	// when scroll to bottom of the page
	}
	});