Blog

iOS Programs

UITableView

  • Simple UITableView RW TableViews Using iOS
  • Segue
  • TableViewController
  • Sections
  • Deleting Rows
  • Inserting Rows
  • Moving Rows
  • Custom Cells
  • Static Cells
  • Custom Action on Swipe
  • Display Checkmark
  • Accessory Views
  • Indexing
  • Table View Cell to Multiple Views Youtube Jared Davidson
  • Download Table Data in Excel
  • Expanding Table View Cells
  • Table View cells with Dynamic Size

UIScrollView

  • Frames vs Bounds
  • Simple ScrollView
  • ScrollView using Code
  • Zooming
  • Centering
  • Paging ScrollViews I
  • Paging ScrollViews II

 

UICollectionView

  • Simple
  • Segue
  • Sections
  • Insert, Delete

UIImagePickerController

  • Simple

Complete Application

UIKit Controls

  • Making a Round Image
  • Making a Round Button

UITextField

  • Custom TextField
  • Doing Validation

UIGestureRecognizer

  • Pan
  • Swipe

Concurrency

  • Background updates

Core Data

  • Adding and Fetching
  • NSManagedObject subclasses

 

 

 

 

 

 

 

 

React Hello World Demo 4 Adding Styles

index.js

import React from 'react';
import ReactDOM from 'react-dom';
 
const {createElement} = React
const {render} = ReactDOM
 
const style = {
    backgroundColor: 'orange',
    color: 'white',
    fontFamily: 'verdana'
}

const title = createElement(
    'h1',
    {id: 'title', className: 'header', style: style},
    'Hello World'
)
 
render(
    title,
    document.getElementById('root')
)

React Hello World Demo 3

index.js

import React from 'react';
import ReactDOM from 'react-dom';

const {createElement} = React
const {render} = ReactDOM

const title = createElement(
    'h1',
    {id: 'title', className: 'header'},
    'Hello World'
)

render(
    title,
    document.getElementById('root')
)


React Demo App1 Employee Table

Create the React App from below link
https://github.com/facebookincubator/create-react-app

Edit App.js file
App.js

import React, { Component } from 'react';
import EmployeeTable from './EmployeeTable';

class App extends Component {
  render() {
    return (
      <div className="App">
          <h1>Hello from React</h1>
          <EmployeeTable />
      </div>
    );
  }
}

export default App;

Add
EmployeeTable.jsx file

import React from 'react';
import EmployeeTableRow from './EmployeeTableRow';

class EmployeeTable extends React.Component {
  render() {
    return (
      <table>
          <thead>
              <tr>
                  <th>Emp Id</th>
                  <th>Emp Name</th>
                  <th>Designation</th>
              </tr>
          </thead>
          <EmployeeTableRow />
      </table>
    );
  }
}

export default EmployeeTable;

Add
EmployeeTableRow.jsx file

import React from 'react';

class EmployeeTableRow extends React.Component {
  render() {
    return (
      <tbody>
          <tr>
              <td>101</td>
              <td>John</td>
              <td>PM</td>
          </tr>
          <tr>
              <td>102</td>
              <td>Tim</td>
              <td>SPM</td>
          </tr>
      </tbody>
    );
  }
}

export default EmployeeTableRow;

ReactEmpTable