Skip to main content

Posts

Custom Create React App | Best Practices in Typescript | React >16

Custom Create React App | Best Practices in Typescript | React >16 React app has multiple versions now a days, based on the latest typescript implementation using React 16. Here is a code sample if it helps anyone to Kickstart their project or take "inspiration"  GitHub Project This is a simple app to get gists of user. React app, Single Page, Gist User Data download code in local via -  https://github.com/jatinmarwah/React_Sample Master - latest Stable Develop - ongoing check in (might be unstable) execute command on root folder yarn run build:dev OR npm run build: dev Start app with yarn start OR npm start; GO TO: "localhost:8080" Test with any valid gist username App Tested with user "paulirish" Data validation No extensive data validation is done, pagination is not supported(YET), max result received is 30 Basic validations and error handling is done, app level handling and boundaries can be extended Caution As un-authenticated api is being used, GI
Recent posts

Excel like freezepane using html, javascript, angular directive

Angular based directive for excel like freeze pane V1.0 This is a angular based excel like freeze pane of table, you can view demo  here   or  download here.   Download the project and to use this directive make sure to include the following files into your work space: 1) directive/freezepane.js  2) template/directive_template/freezepane.html /*Make sure to keep the directory as is from root folder, else change the directive path in freezepane.js */ 3) styles/freezepane.css  Include "freezepaneModule" as a dependancy to your angular module. The "tablefreeze" directive has following attributes:  a) tableId = Pass the table ID you wish to apply freeze pane on b) freezeRows = No of rows that needs to be frozen c) freezeCols = No of columns that needs to be frozen d) tableTemplateUrl = Path to your table template from root directory You can generate excel like "freezepane" on multiple tables in your application or within the same page, just pass the

Jquery based lightweight Overlay/Modal Window Plugin

Overlay-Modal-Window Lightweight Plugin for creating Overlay/Modal Window using Jquery This plugin is used to create Overlay or Modal window by clicking on any hyperlink within a page. It is lightweight and works cross browser, this plugin contains very minimal but useful features, solves the purpose of displaying external or inline content within a inbuilt popup like window, modify content CSS as you like and ready to go as per your requirements. Uses NO images at all, no desired HTML structure, it YOU who has the control to decide what content to put. There are lot of jquery modal/overlay plugins out there, but this comes as 2.4Kb minified JS file, and is not restricted towards any HTML structure. So go ahead and enjoy and visit the site for more information. Visit Site !
Merry Christmas

IE 10 in IE7 compatibility mode returns error: 'SCRIPT3: Member not found'

Lately I upgraded my Internet Explorer to newer version which is 10, and was quite happy about it, but that doesn't seem to last long, when I tested my site changing the browser mode IE7, specifically using IE10, then jquery have thrown an error saying "member not found" , I was not surprised as such issues I have seen before as well, and was sure that there was JS code messed up from my side, after scanning through all the methods etc. I was not able to figure out anything, even was not sure what to search on Internet. After introspecting it was clear that this bug was not coming while I was using IE 7 from IE 9 browser installed, it came only after upgrading. At last, I found the root cause, it was not the jquery, not my JS code, not the custom dropdowns, even not all the pages were throwing this error, this was due to the jquery validate plugin, and thanks to  jester12345  who acknowledged the bug at  https://github.com/jzaefferer/jquery-validation/issues/845  an

Step by Step guide to install and configure android emulator

We all require to see or test our site or application on a widely used android emulator, I spent a lot of time on internet just to see how to configure the same, I am consolidating those steps and writing in my blog post, so that it might be helpful for someone somewhere around the globe. Below is a step by step guide on how to install and configure Andriod emulator on Windows machine. 1) Install JDK first  if already not installed in the system, path as follows             http://www.oracle.com/technetwork/java/javase/downloads/index.html  2) After Successful Installation, Install  Android SDK manager from  http://developer.android.com/sdk/index.html   or (The following latest version, which might get outdated over time) http://dl.google.com/android/installer_r21-windows.exe  3) After Successful installation, Open SDK manager Make sure everything gets installed, If it doesn’t, Try again so that you can see installed in front of check