TechStack Documentation
CtrlK
  • Rajif Mahendra
  • MERN Stack
    • React JS
      • Extension
        • Page 1
      • NPM
      • Learning
        • ES 6
          • Objects
          • The this keyword
          • Binding this
          • Arrow Functions
          • Arrow Functions and this
          • Array.map Method
          • Object Destructuring
          • Spread Operator
          • Classes
          • Inheritance
          • Modules
          • Named and Default Exports
        • Components
          • Summary Learning
          • First react component
          • Class vs Function Components
          • Embedding Expressions
          • Setting Attributes
          • Rendering Classes Dynamically
          • Rendering Lists
          • Binding Event Handlers
          • Updating the State
          • Simple Project
        • Composing Components
          • Summary Learning
          • Lifting the State Up
          • Lifecycle Hooks
          • Unmounting Phase
          • Simple project
          • Summary
        • Pagination, filtering and sorting
          • Filtering- Implementing Filtering
          • Sorting- Extracting MoviesTable
          • Sorting- Moving Responsibility
          • Sorting- Extracting TableHeader
          • Merapihkan dan menyederhanan code
          • Summary
        • Routing
          • Adding Routing
          • Adding the navbar
          • Link to the MovieForm
          • Summary
        • Form
          • Building a bootstrap Form
          • Handling Multiple Inputs
          • Extracting a Reusable Input
          • Validation
          • Validation with Joi
          • Extracting a reusable Form
          • Extracting helper rendering methods
          • Register
        • Calling Backend Service
          • HTTP Request
          • Installation
          • Getting Data
          • Creating Data
          • Updating Data
          • Deleting Data
          • Expected vs Unexpected Errors
          • Handling Unexpected Errors Globally
          • Extracting a Config Module
          • Display Toast Notifications
          • Logging Errors Sentry
          • Extracting a Logger Service
          • Install mongo for mac
          • Setting Backend
          • CRUD
        • Authentication and Authorization
          • Register a new user
          • Submitting the registration form
          • handling registration erros
          • Logging Users
          • Storing the JWT
          • Logging in the user upon registration
          • JWT Login resgister implementation
          • Refactoring
          • Calling protected API Endpoint
          • Authorization
          • Final Authentication and Authorization
        • Deployment Heroku
          • Environment Variables
          • Production Builds
          • Started Heroku
          • Deploy heroku
      • React Review
        • Learning 1
          • UseState
          • Event Handling Input Element
          • Todo Element
          • Sample Project 1
          • Project React 1
        • Learning 2
          • Fetching
          • Store response data to state
          • Dynamic Rendering Based on Fetching
          • Container Components
          • Get initial api emoji
          • Filter
          • input filter
        • Learning 3
          • .env
    • Node JS And ExpressJS
      • Learning
        • Started
        • Node Module System
    • MongoDB
  • DevOps
    • Basic Linux Commands
    • Google Cloud Platform (GCP)
      • Introduction Google Cloud
        • Iaas and Paas
        • The Google Cloud Network
        • Environmental Impact
        • Security
        • Opensource Ecosystems
        • Pricing and Billing
      • Google Cloud Observability
      • Access mysql root
    • AWS
      • Settings Security Group, untuk menambahkan port
      • Setting Ip static AWS
      • AWS Devops
        • Docs
        • Install Terraform
    • Docker
    • Terraform & Ansible
    • Strategy Development and Operation Application
    • CI/CD Tools
    • DevOps Start Here
      • Create VPS For AWS
      • Cara login via SSH
      • Create public and private key
      • Install Nginx
      • Setting DNS
        • Create folder
        • Create user VPS
        • Check log default Nginx
      • Install PHP
      • Install Database Server
        • Open access MySQL
      • Laravel Install
      • Install SSL
      • Virtual User
      • Install Node Js
      • Menjalankan npm secara auto
      • Setting domain untuk project nodejs
      • Close access MySQL (OPTIONAL)
      • Install Apache
      • Install Postrge
      • Docker
        • Basic command Docker
        • Install Doker for Local
        • Install Docker for VPS
        • Install Mysql
        • Expose port & Mounting
          • Mounting aplikasi
        • Membuat image local ke server
    • Issues
    • ELK Stack
      • Installation
      • Setting Roles
      • Filebeat
    • Atlassian Product
      • Confluence
    • Centos Docs
      • Install Nginx
      • Install Bitbucket
    • Jenkins
      • Automation Server
      • Membuat Job
      • Setup SSH ke github
      • Credentials
        • Ambil private key
        • Konek github jenkins
        • Build step
      • Scheduled Job
        • Build Periodically
        • Poll SCM (ketika ada perubahan auto build)
      • Jenkins Environment Variable
      • Global Environment Variable
      • Build Parameter
        • Test Parameter
      • Discard Old Build
      • Build executor
      • Trigger Build Remotely
        • Build remote
  • SQL
    • Mysql
      • Read only access
      • Create Database
      • Create Table
      • CREATE SQL
      • READ SQL
      • Update SQL
  • Project Management
    • Project Management JIRA
      • Agile Process
      • Software Development Workflow
      • EPIC
  • Firebase
    • Firebase
  • Fullstack Javascript
    • EcmaScript 6
    • let dan const
    • Sintaks Arrow
    • New fungsi di ES6
    • Destrukturisasi Elemen
    • OOP
      • Task
      • Lanjutan OOP
      • Study Case
    • Javascript Object Notation (JSON)
      • Task
    • MVC (Model View Controller)
      • Apps Simple
  • Fullstack Laravel Vue
    • Laravel
      • Composer
      • Membuat Project Laravel
      • Membuat Database
      • Create
      • Detail
      • Update
      • Delete
      • Deploy laravel Vapor
  • Atlassian
    • Jira
      • Jira version
      • Setting jira cloud
      • Create project with simple data
      • AGILE
      • SCRUM
      • Kanban
      • Jira terms
      • Working within an Agile Team
        • intro to issue Navigation
        • View, editing and understanding issues
      • Bahan Training
        • Create Category
        • Issues
          • Menambahkan issue type ke type scheme
          • Issue type hierarchy
          • Ganti issue type schme project
          • Issue Attributes
            • Statuses
            • Resolutions
            • Priorities
            • Issue Security Schemes
          • Issue Features
            • Time tracking
            • Issue Linking
        • Workflow
          • Add screen
          • Trigers
          • Condition
          • Validators
          • Post Function
          • Workflow scheme
        • Component
        • Custom field
        • Screen
          • Screen Scheme
          • Issue Type Screen Schemes
        • Field Configuration
        • Issue Level Security
        • Permission
          • Permission Project
          • Permission Global
          • Project Roles
          • Audit Log
          • Global Automation
        • Version
        • Jira connect Confluence
        • Automation
        • Scriptrunner
        • Advanced Roadmap
    • Jira Service Management
      • integrasi Confluence
      • Mengontrol Pencarian Otomatis untuk artikel
      • Agents
      • Menambahkan pengguna ke Manajemen Layanan Anda
      • Pengguna dalam Manajemen Layanan
      • Apa yang bisa dilakukan agen?
      • Menambahkan agen ke Manajemen Layanan Anda
      • Apa yang dapat dilakukan Pelanggan
      • Menambahkan Pelanggan ke Manajemen Layanan Anda
      • Melibatkan Perangkat Lunak JIRA dan Pengguna Inti JIRA
      • Apa yang dapat dilakukan oleh Perangkat Lunak/Pengguna Inti JIRA
      • Automating Your Service Management
      • Automating Repetitive Tasks ( Mengotomatiskan Tugas Berulang)
      • What makes up an Automation Rule? ( Apa yang membentuk Aturan Otomasi?)
      • Preset “Update when a linked issues changes” (Preset "Perbarui saat masalah yang ditautkan berubah")
      • Aturan "Transisi pada Komentar" yang telah ditetapkan sebelumnya
      • Semua Aturan Otomatisasi Preset
      • Membuat Aturan Otomatisasi Anda Sendiri
      • Example Custom Automation Rule
      • Triggering Automation Rule
      • Selecting Issues to be Affected (Memilih Masalah yang Akan Dipengaruhi )
      • Actions Automation Rules can Perform
      • Keeping on Top of Your SLAs
      • Who runs automation rules? ( Siapa yang menjalankan aturan otomatisasi?)
      • Rules triggering other rules ( Aturan memicu aturan lain)
    • Jira User Training BAF
      • JQL (Jira Query Language)
        • Filter By Project
        • Filter By Issue Type
        • Filter Berdasarkan Status
        • Filter berdasarkan Assign
        • Filter lebih dari 2 ( Mencari Bug yg sedang In Progress)
      • Create & Sharing Filter
      • Notification
        • Notification project settings
        • Notifications Personal Setings
      • Report
        • Cumulative Flow Diagram
        • Pie Chart
        • Configure - Single Level Group By Report
      • Dashboard
        • Pie Chart
        • Activity Stream
        • Assigned to Me
        • Issues in progress
        • Advance Roadmap
          • Buat Cerita Project
          • Penambahan Field
          • Filter settings
          • Views Setinggs
            • Color by
            • Sort By
            • Group By
            • Depedency style
    • Jira Admin Icon+
      • Audit Log
      • Version
        • Add issues to release
      • Component
      • JQL (Jira Query Language)
        • Filter By Project
        • Filter By Issue Type
        • Filter Berdasarkan Status
        • Filter berdasarkan Assign
        • Filter lebih dari 2 ( Mencari Defect yg sedang In Progress)
      • Create & Sharing Filter
      • Notifications
        • Notifications project settings
        • Notifications admin issue settings
          • Settings notifications
          • Mengatur agar notifications yg dibuat bisa digunakan
    • Jira Agile Icon+
      • Agile Concept
      • Apa itu Agile ?
      • Characteristics Agile
      • Agile Methods
      • Benefit Agile
      • Waterfall
      • Downsides of waterfall (kelamahan waterfall)
      • Waterfall vs Agile Project Management
      • Kanban with Jira
      • What is the kanban method
      • Who choose the kanban method ( Siapa yang memilih metode kanban)
      • Visualizing Work: A Board
      • Why visualize work
      • Continuous Flow of Issues
      • Kanban Backlog
      • Kanban backlog - config
      • Managing The Separate Backlog
    • Atlassian high level
      • Introduction Atlassian
      • Products
      • Atlassian Ecosystem
    • EazyBI
      • EazyBI Process Steps
      • EazyBI with Jira vs Other Reporting
      • Import data into eazyBI
        • EazyBI Accounts
        • Import EazyBI
      • Start Building Report
        • Create Report
      • Use charts in eazyBI
      • Share reports and eazyBI dashboard
        • Share dashboard
        • Publish eazyBI report in jira dashboard
      • Account
        • EazyBI Concept
        • Account Component
        • Account Operation
        • Page 2
        • Limit and Organize your Account with Roles
      • Data Source
        • External Data Sources - Data Mapping
        • External Data Sources - Data Mapping
        • Testing
      • Measures dan Dimensions
        • Measures
        • Dimensions
        • Sample
    • OKR for Jira
      • Beginner guide OKR
      • Cycle OKR
        • Create Cycle
        • Page 3
      • Role
    • Xray
      • Xray test process
    • Zephyr
      • Jira Software Test Case Management
Powered by GitBook
On this page

Was this helpful?

  1. MERN Stack
  2. React JS
  3. Learning

Components

Summary LearningFirst react componentClass vs Function ComponentsEmbedding ExpressionsSetting AttributesRendering Classes DynamicallyRendering ListsBinding Event HandlersUpdating the StateSimple Project
PreviousNamed and Default ExportsNextSummary Learning

Last updated 3 years ago

Was this helpful?