Thanks Mohd Shad Mirza for making a design system in React Native and appreciate your efforts. Coming from the web background, I am just curious about how do you scale the font-size, spacing, height and width of an element. I hope even in the mobile also we have to support different media devices like landscape and portrait. In the web, I used to set my base space-unit as 1em and then will calculate the remaining space units. Besides this will change the base unit for different devices. By this way I achieved the scaling.

Thanks for putting such an effort to improve the codebase. All your suggestions makes sense. But the reason why I replicated the const/let/var gives the readability. Specially in the construct tabs, your changes are made me to write the plain JS for dom manipulation in decent way. I will consider all your changes. I didn't thought of intercepting the standard tabs navigation. The reason I don't want to disturb the keys which they have already familiarised. It may cause some confusion to the user. Is this make sense? Planned to add customising the keyboard shortcut for toggling the list.

Sorry for the inconveniences, actually I didn't added any keys for Linux. Will add it in next release soon.

I hope you might have used Ctrl+p or cmd+p which will list all the opened files in your text editor. And from there you can search and move to your desired file. This extension would be helpful, if you are opening multiple tabs and windows in chrome.

Your function a() is set in global context. Here global context is window object. console.log(kk) it will look for window.kk, no variable has been set in window. So it gives you undefined. So try to invoke the function a() first and then do your print.

My Primary goal is to learn RxJS. And I want to build an app, as a reactive application using Rx.js. I planned to learn in-depth advantages of all the operators in RX.js If anyone has a good resource for Rx.js, please do share with me in the comments. Resources I am using are: reactive.how egghead.io videos

Craziest feature I have built was social login. It is not a normal social login, here the user has to sign up with social account and then they can login with their social login. I have never ever seen this kind of social login in my internet experience.

In css removing units for 0, if anyone did it already. I won't copy and paste anything inside my code, rather I will write it most of the time. Naming event listener callback as function name + Handler, no matter what it is. Writing lengthy variable and function names.

While starting the programming career, we should know how to write readable code by proper indentation. If we go with any IDE to make it, definitely we will not get those habits.

Recently I have written a function to get the image preview by using file reader. I have written this code block using Typescript. Use case: User can select multiple images for uploading, I will be showing the thumbnail as image preview. The below code block has been wrapped inside a function. I am eagerly waiting for suggestions and feedbacks. if (event.target.files) { let files = event.target.files; var contextArray = this .contextArray; // shallowcopy var contextImageArray = this .contextImageArray; // shallowcopy for ( let file of files) { const reader: FileReader = new FileReader(); reader.onload = ( function ( f ) { return function ( e ) { contextArray.push(f); contextImageArray.push( { 'image' : e.target.result, 'name' : f[ 'name' ]}); } })(file); reader.readAsDataURL(file); } }