Solved

Some high points and examples of what's great about Facebook React?

Posted on 2016-08-17
5
218 Views
Last Modified: 2016-11-08
I am interested in seeing a few examples that could get me to look at it more seriously.

Thanks
0
Comment
Question by:newbieweb
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 57

Assisted Solution

by:Julian Hansen
Julian Hansen earned 500 total points
ID: 41759363
I am not a React expert - I have some experience with it - more with Angular. However, in my research into Single Page Applications naturally React does come up as there is a lot of common ground. My response is from the perspective of SPA's rather than React in particular.

Logic for the application is contained in one place and runs in the browser - no more having to worry about server side state and rendering pages. You build the application to run in the browser and feed it data from the server. This allows you to maintain state locally (aided with local storage if necessary) and respond to client interactions in a more structured way.
The old style of building applications was to have the client continually go back to the server and have the next page rendered out - now all of that logic is in the browser. Server code has become simpler as well - no need for an interface - you create your REST endpoints and deal with the data flow to and from the application as JSON or POST data.

If we look at the old style architecture. It was primarily HTML based which you wired to JS event handlers and DOM manipulation libraries. You then sent data back to the server where it was processed and the next view was sent back.

Web applications are more like traditional applications - rather than HTML pages that have loosely coupled JS or JQuery. Code is compiled (or transpiled) which makes for better bug checking and leverages off the new JS standards or languages like TypeScript which makes for a more structured and meaningful code base.

Here is the bottom line. Either you believe SPA's are going to be a big part of the Web landscape or you don't. If you do then getting on top of either React or Angular or both is a good move if you want to be current with where web applications are going. There is also React Native - I have not had much experience with it yet - allows you to build native applications for Mobile - roughly the same space as Cordova. So if you know React then React Native also comes into play which opens up some more doors.
0
 

Author Comment

by:newbieweb
ID: 41759416
So, SPA's can store data locally? That alone seems like a big step forward.

Please explain "transpiled" and what language you are taking about...
0
 
LVL 57

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 41759488
Not just SPA's - most browsers support local storage now - so you can store key value pairs (data json encoded if needed) in local storage.

Transpiled - means changing from one language into another as opposed to compiling to binary or byte code. In this case TypeScript is transpiled into JavaScript - same for CoffeeScript and a bunch of other languages. Because JS does not inherently support strong typing - languages like TypeScript do and provide a more robust development environment where bugs that typically might slip through on a normal JS build are caught by the transpiler as it is translated into JS.

You can read more about it here
https://scotch.io/tutorials/javascript-transpilers-what-they-are-why-we-need-them

Or just Google Transpiler
0
 

Author Closing Comment

by:newbieweb
ID: 41759502
Wow! Transpiled is an awesome concept. I am hopefully about to start a very big project (if I get the job), and at the interview I want to push the benefit of automation. This is a great idea.

Thanks!
0
 
LVL 57

Expert Comment

by:Julian Hansen
ID: 41759632
You are welcome.
0

Featured Post

Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Problem in javascript 17 49
Form submit takes only for one form 23 45
Error Handler 8 38
Google Chrome: Debugging AJAX call 6 33
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question