Solved

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

Posted on 2016-08-17
  • React
  • JScript
  • JavaScript
  • jQuery
  • AJAX
  • +1
5
91 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
  • 3
  • 2
5 Comments
 
LVL 51

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 51

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 51

Expert Comment

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

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

746 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now