React Native Basics

REACT NATIVE
React Native is like React, but it uses native components instead of web components as building blocks. So to understand the basic structure of a React Native app, you need to understand some of the basic React concepts, like JSX, components, state, and props. 

Components

When you're building a React Native app, you'll be making new components a lot. Anything you see on the screen is some sort of component.

Props

Most components can be customized when they are created, with different parameters. These creation parameters are called props.

Your own components can also use props. This lets you make a single component that is used in many different places in your app, with slightly different properties in each place. Refer to props.{NAME} in your functional components or this.props.{NAME} in your class components.

State

Unlike props that are read-only and should not be modified, the state allows React components to change their output over time in response to user actions, network responses and anything else.

What's the difference between state and props in React?

In a React component, the props are the variables that we pass from a parent component to a child component. Similarly, the state are also variables, with the difference that they are not passed as parameters, but rather that the component initializes and manages them internally.

Comments

Post a Comment

Popular posts from this blog

Redmine - Spent Time Installation

Image
Spent Time Plugin Installation Installation notes Unpack the zip file to the plugins folder of Redmine. Starting from version 3.4.2, it requires db migration. So run the following command for db migration rake redmine:plugins:migrate NAME= redmine_spent_time RAILS_ENV=production When uninstalling the plugin, be sure to remove the db changes by running rake redmine:plugins:migrate NAME=redmine_spent_time VERSION=0 RAILS_ENV=production Steps to Configure the Plugin 1. Give a Spent time permission to admin. 2. Now Company menu enabled in administrator menu 3. Click a Company Menu  4. Click New Company  5. Create a company 6. Successfully Update the company. 7. Edit the Company and Create a Branches 8. Create a user with branch and permissions 9. Create a Project and add the users 10. Click Bulk Time entries 11. Add or Edit Time entries 12 Project Plan 13. New Project Plan 14. Create a Project Plan Steps with Images 1. Give a Spent time permission to admin. 2. Now Company menu ena...
Read more

Redmine Compatibility Issues Before_filter

ERROR :      ActionController::RoutingError (undefined method `before_filter' for SptimeController:Class Did you mean?  before_action) Solution: As we can  see  in  ActionController::Base ,  before_action  is just a  new syntax  for  before_filter . However all  before_filters  syntax  are deprecated  in  Rails 5.0  and will be removed in  Rails 5.1 Example: class SptimeController < ApplicationController before_filter :require_login  TO class SptimeController < ApplicationController before_action :require_login
Read more

Redmine with Rails 5 Compatibility Issues

Error: Directly inheriting from ActiveRecord::Migration is not supported. Please specify the Rails release the migration was written for:   class CreateSptimes < ActiveRecord::Migration[4.2] D:/Dhinesh/Redmine/v2/redmine-4.1.1/plugins/redmine_spent_time/db/migrate/001_create_sptimes.rb:1:in `<top (required)>' D:/Dhinesh/Redmine/v2/redmine-4.1.1/lib/redmine/plugin.rb:510:in `up' D:/Dhinesh/Redmine/v2/redmine-4.1.1/lib/redmine/plugin.rb:542:in `migrate_plugin' D:/Dhinesh/Redmine/v2/redmine-4.1.1/lib/redmine/plugin.rb:483:in `migrate' D:/Dhinesh/Redmine/v2/redmine-4.1.1/lib/redmine/plugin.rb:497:in `block in migrate' D:/Dhinesh/Redmine/v2/redmine-4.1.1/lib/redmine/plugin.rb:496:in `each' D:/Dhinesh/Redmine/v2/redmine-4.1.1/lib/redmine/plugin.rb:496:in `migrate' D:/Dhinesh/Redmine/v2/redmine-4.1.1/lib/tasks/redmine.rake:135:in `block (3 levels) in <top (required)>' Solution:  You have to specify the version in brackets like it says. Have you a...
Read more