Skip to main content

why html5 either you use angularjs or reactjs still bad for mobile app when you have to deal with really big application.

creating big application when you have to deal with canvas or webgl using reactjs and angularjs is really a bad idea specially when we have to deal with slow device.

reactjs and angularjs are super cool framework but when we have to deal with lots of image data and canvas than mixing these framework with each other for example mixing canvas and webgl with reactjs and angularjs is really bad idea. 

so how can i raise up my app above from these problem's ?
REACTJS
---------------

1. reactjs works on virtual dom which is different from real dom. reactjs only changes real dom when there when react found a difference between real and virtual dom.

2. same methods which i explain also applied on react too.

3.one benefit of using react over angularjs is that  reactjs is just a library and angularjs is a framework so separation of code in react is more flexible instead of angularjs which follow's more rules.
  

ANGULARJS

1. there is no solution when you mix webgl and angularjs and start dealing with lots of image data and it's true you have to ignore slow device even angularjs works on request frame animation. so what is my point here just try to optimize your images using image optimization tool for example https://tinypng.com/  and in real life this gonna help you out. 

2.just take a look on https://angular.io/api/core/ChangeDetectorRef this would help you to control angularjs detect cycle means you can control dirty checking for example -> change thing only when it's needed don't believe on angularjs detect cycle.

3.timer are hell and its true but every gaming and complex application need them so how i can i fix this problem so my answer is you can't you have to deal with them but one thing you can do just try to create only few of them and use a service to pass them all over the app.

4.too much dom elements can create problem so think deep and try to reduce your dom elements.

5.don't trust too much on GC (garbage collector) try to remove your unnecessary things specially event's.


6. try to reduce variable count javascript is slow in comparison of c++ and java so 2 bytes memory is matter so try to access dom related stuff directly  for exampele:->
where totalValue is a input text
document.getElementById("totalValue").value



Comments

Post a Comment

Popular posts from this blog

Creating a word Scramble game where you can drag and drop the word and create a complete word. (drag and drop word Scramble game).

Creating a word game using  phaser game engine which is a javascript based gaming engine  where u can drag and drop world like Word Scramble Game and complete a given word. your index.html file look like below < html > < head > < script src = "src/phaser.min.js" ></ script > < script src = "src/wordGame.js" ></ script > < script src = "src/main.js" ></ script > </ head > < body > </ body > </ html > 1.    <script src="src/phaser.min.js"></script> required to run the  phaser game engine. 2. rest of the two files deals with game logics      <script src="src/wordGame.js"></script>       <script src="src/main.js"></script> you can download whole project from https://github.com/manishchauhan/wordgame/tree/master just copy and paste the project in your local server and run ...
Post a Comment
Read more

starting with three.js and react with a very simple example

 1. three.js is undoubtedly the best library to create interactive content for the web in 3d. link https://threejs.org/ a working sample of three with react can be found below https://stackblitz.com/edit/react-7n5qf9?file=src%2FApp.js why choose threejs 1. lightweight  2.fast 3.big community  https://discourse.threejs.org/ 4. even you can use unity or unreal to publish html5 content but i don't think that would be acceptable in many cases. 5. open-source project. i created a running sample with React  https://stackblitz.com/edit/react-7n5qf9?file=src%2FApp.js
Post a Comment
Read more

A simple binary search tree with generic approach tree can store any type of data. (DFS and BFS)

 1. a binary search tree in c++ using a generic approach with both BFS and DFS approach    working tree    https://www.onlinegdb.com/edit/HkuQLdA-w code=> some properties of binary search tree-> 1. binary search tree is not always a balanced tree.  2. Inorder, traversing gives you sorted data.  3.  best is o(log n) and worst is O(n).  4. left node data is always less than root data and right node data always be greater than root data.  5. red-black tree STL map is a balanced binary search tree. *******************************************************************************/ #include <stdio.h> #include<iostream> #include<queue> using namespace std; template < typename T > class Node {   //can store any type of data private:   //genric data or store any type of data   T data;   //reference of left pointer   Node *left = nullptr;   //reference of right pointer   Node *rig...
Post a Comment
Read more