Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus. Nunc molestie magna sed sapien ornare tempus. Curabitur venenatis ipsum nec ligula placerat sollicitudin libero lorem.
Learn more
Aliquam erat volutpat. Pellentesque varius varius elit ac consectetur. Nunc varius, diam ut malesuada aliquam, odio ante faucibus erat, nec semper mauris arcu id turpis. Nulla at tincidunt arcu.
Sed suscipit, metus ac fermentum condimentum, justo lectus vehicula eros, sed accumsan mi risus ut velit. Donec sollicitudin lacus vitae mauris mattis tempor.
React Native Installation iOS and Windows : Part 1
May 8, 2019 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 746 React Native Installation iOS and Windows : Part 1- We often need to list youtube video of a playlist and play it in Android and IOS App . Youtube easily provide data in xml by playlist id. Here I am going to explain how to parse video xml and play video using […]
Read more
Registering Component in React Native : Part 2
April 16, 2019 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 1,932 Registering component process in react native, open your project folder. In root you can see index.js and App.js . In older version files name are index.ios.js and index.android.js. But it does not matter if you are coding for android you can use index.android.js and if you are coding for IOS you can […]
Read more
Header Card Component in React Native : Part 3
April 6, 2019 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 1,122 Card component use to create Header in react native. Now we will create a common folder for common design component . By Using props and children props we will get data in these design component. Create new folder src in your project folder Now create a new folder common in src folder […]
Read more
Card Design with Props and Children : Part 4
March 15, 2019 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 580 Card Design is just like to create a boxes to hold Video Title, Video Image and Click button. By Adding some shades border by styling we will add a good design view for all listing. These are common component which we can use many places in app Now we will create Cards […]
Read more
Youtube video XML url : Part 5
March 5, 2019 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 925 Youtube video XML url : Part 5- So open youtube.com and open a play list Search a channel on youtube and open it. You will find a playlist tab . Open that tab and it will display playlist. Click on any play list and you will see url of play list https://www.youtube.com/watch?v=DPbnQFxdpPg&list=LLA34Z3lq8FozSQzDHsSLcmQ […]
Read more
Design Video List Component : Part 6
February 14, 2019 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 471 Design Video List Component : Part 6- Create a components folder in src folder and add VideoList.js file in it, open this file and start importing component import React, { Component } from ‘react’; import { View, Text } from ‘react-native’; import CardWrapper from ‘../common/CardWrapper’; import CardInner from ‘../common/CardInner’; class VideoList extends Component { render() { […]
Read more
Process to get data from Youtube XML : Part 7
February 4, 2019 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 590 Process To Get Data From Youtube – If you will see youtube video.xml url, there are many xml node. We need only all video id , thumbnail url to display image and Title to show on top of Card XML display data different way than Json. So first we parse xml data […]
Read more
Process to call state values : Part 8
January 13, 2019 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 505 Process to call state values : Part 8 – To run all array as loop using our CardWrapper and CardInner, We will use map function . map() will run our design and place value of each array items untill it is null So it will not be a good idea to write […]
Read more
Create a button component : Part 9
January 3, 2019 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 514 To create a button component we will add new file in common folder of src. Button.js We will import React and Component from react and Text and TouchableOpacity from react-native Touchable opacity so some animation on press so we will use this and later we will call onPress funtion to navigate on […]
Read more
Navigation Screen Using React Navigation : Part 10
December 12, 2018 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 521 Navigation in react native is based on many plateform which you can install and use from npm. I am going to use here react navigator So open terminal or command prompt and run this command npm install –save react-navigation If you want to read more about react navigation please go here https://facebook.github.io/react-native/docs/navigation.html When […]
Read more