The Techie Crunch

Nowadays, there are so many JavaScript frameworks (Angular, React) written and used to develop frontend UI by Typescript. It very important to every developer has very basic knowledge about Typescript. So, in this article we will look into Typescript Basics for getting started with it. Pre-requisite:   Basic knowledge of JavaScript, OOPs concept. What is Typescript? The Typescript language is a typed super set of JavaScript, means any program written using Typescript Language will be compiled into plain JavaScript. What does Typescript solve over JavaScript? And Why Typescript Language is so much popular among Developers? Types & Equality Scope OOPs Implementation Module management Installing Typescript: There are two basic ways to install Typescript: Via NPM (Nodejs Package Manager) Typescript’s Visual Studio plugins. Please this  link  for more information For via Npm, enter this command in command prompt: npm install...

Introduction: React Native Section List has only one difference compare to flatlist that it gives you section part that corresponding like border way or gives you  A performant interface for rendering sectioned lists, supporting the most handy features : Fully cross-platform. Configurable viewability callbacks. List header support. List footer support. Item separator support. Section header support. Section separator support. Heterogeneous data and item rendering support. Pull to Refresh. Scroll loading. If you don't need section support and want a simpler interface, use <FlatList>. Methods scrollToLocation recordInteraction flashScrollIndicators Process: index.js import React, { Component } from 'react'; import { AppRegistry, SectionList, StyleSheet, Text, View } from 'react-native'; export default class SectionListBasics extends Component {   render() {     return (       <View style={styles....

Introduction: React Native List show has different way to represent, react native listview either FlatList or SectionList. Flatlist is term used for static data just like array of list to view. Process: index.js import React, { Component } from 'react'; import { AppRegistry, FlatList, StyleSheet, Text, View } from 'react-native'; export default class FlatListBasics extends Component {   render() {     return (       <View style={styles.container}>         <FlatList           data={[             {key: 'Devin'},             {key: 'Jackson'},             {key: 'James'},             {key: 'Joel'},             {key: 'John'},             {key: 'Jillian'},         ...

In article, we are going to see some common errors that we are facing as beginner of react native. It is prerequisite to react native is already setup on our machine if it is not, Please go-through this article from here: Getting start with React Native I personally whenever I start any new programming language or framework I stuck on things that I wish that issue never come again, in fact it always comes. I don’t know why it comes may be I am too bad for start up or my processor of mind is too slow to adopt it. I am writing on this articles based on experiences most common and headache kind of issues/errors that I gets stuck on react native when I was beginner and eventually I was able to solve after put my lot of hours. This articles will surely helps you to find out simple and basic solution or we can say a trick as well to resolve that issues/errors. Problems * Unable to load script from assets index.android.bundle Step 1  mkdir android/app/src/m...