宣言的プログラミング

Mimi ThianのUnsplashによる掩護写真
宣言的なプログラミングは、JavaScriptコミュニティで反応によって一般化される何かです.それは新しいものではなく、最近では大衆化された.
ウィキペディアによると

declarative programming is a programming paradigm — a style of building the structure and elements of computer programs—that expresses the logic of a computation without describing its control flow.

この定義は、あなたが宣言的なプログラミングを知っているならば、私たちがそれを理解するのを心配しない限り、良いものです.

宣言型プログラミング

宣言的プログラミングは、命令的プログラミングがその絵を描くための命令である画像を記述するようなものである.宣言的プログラミングはコードを作る

より読みやすい:それは低レベルの詳細を非表示にするので、読みやすいプログラムです.宣言的プログラミングでは、システムの低レベルの詳細を知らない.

理由を簡単に説明します:私たちが書くコードは、それが非常に抽象化されているので、理由を説明するのがより簡単です、そして、我々は手順の代わりに解決を記述します.

私が言ったように、宣言的プログラミングは新しいものではないので、宣言的な業界で広く使われている多くの言語が存在する.それらをいくつか教えてあげよう

SQL

SQLは、プログラミングで使用されるドメイン固有の言語であり、リレーショナルデータベースに保持されているデータを管理するために設計されています.あなたがこれを読んでいるならば、私は私があなたに関係データベースを管理するためのちょうど事実上の標準であるどんなintroduction of SQLを与える必要がないと思いません.
この単純なSQLクエリを見てください.

SELECT * FROM Employees

ここでは、従業員を得るためにすべての従業員の詳細を必要と定義しています.データベースがデータを格納するために使用しているどんな複雑なデータ構造にも気を配っていません.

CSS

CSSは宣言型プログラミングの良い例です.CSSでは、実際にどのように要素がどのように見えるかを定義しており、ブラウザはあなたのための実装を面倒にします.あなたは、このdivは色で青くなければならないと言うことができます、そして、テキストは明るい黄色を見なければなりません、そして、ブラウザーはあなたのためにそれをします.
あなたがbodyに設定されている場合を想像してください

body {
  width: 500px;
  height: 500px;
  background: palevioletred;
  color: white;
}

今、ブラウザはあなたのCSSに従って体を作ります.これは宣言型プログラミングの概念であり、構造体を定義し、コンパイラ/ホストがそれを行います.

反応における宣言プログラミング

反応では、コンポーネントの状態を変更することによってインタラクティブなUIを作成し、それに応じてDOMを更新するのに反応する.
この反応コードを例にとります.

import React from "react";

class App extends React.Component {
  state = {
    message: "Hello react"
  }
  render() {
    return (
    <div className="App">
      <h1>{this.state.message}</h1>
      <button 
        onClick={e => this.setState({message: "Hello World"})}>
          Change Message</button>
    </div>
  );
  }
}

これはボタンと一緒に「こんにちは反応」メッセージを作成します
which can you see here
ボタンをクリックすると、メッセージが「Hello World」に変更されます.
反応して、DOMは宣言的です.これはDOMと相互作用しないことを意味します.これはUIを設計し、それらをデバッグするのが簡単になります、あなたはちょうどプログラムの状態を変えることができて、UIがその特定の時間を見る方法を見ることができます.

TLドクター

宣言型プログラミングでは、プログラム/UI/画像を記述し、他の誰かが反応/ブラウザ/OSを実装します.