elcodabra

Aeroport Table

A Pen by Alexander on CodePen.

License.

elcodabra

Shri-api

A Pen by Alexander on CodePen.

License.

elcodabra

const App = () => {
  return (
    <div className="container">
      <div className="starter-template">
        <h1>React Project</h1>
      </div>
    </div>
  )
}

elcodabra

<div class="container">
  <div class="starter-template">
    <h1>Angular Project</h1> 
  </div>
</div>

elcodabra

import React from 'react';
import Header from './components/header';

const App = () => {
  return (
    <div className="container">
      <div className="starter-template">
        <Header />
      </div>
    </div>

elcodabra

<div>
  <ul class="list-unstyled">
    <li class="media" *ngFor="let row of tweets; let i = index">
      <img class="img-thumbnail rounded-circle mr-3" [src]="row?.account?.img" />
      <div class="media-body">
        <h5 class="mt-0 mb-1">{{row?.account?.fullName || "You"}}</h5>
        <p class="text-muted">Posted at: {{row.createdAt}}</p>
        {{row.content}}
        <div class="mt-2">
          <a href="#">

elcodabra

import React from 'react';
// ...BackendService, classnames
import NewTweet from './NewTweet';

class ListTweets extends React.Component {
  // ...constructor, componentDidMount, getTweets

  onAdd(tweet) {
    this.backendService.addTweet(tweet)
      .then((data) => {

elcodabra

<form (ngSubmit)="onAdd()">
  <div class="form-group">
    <input
      type="text" name="content"
      placeholder={{placeholder}}
      [(ngModel)]="model.content">
    </input>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

elcodabra

import React from 'react';
import BackendService from '../../../services/backend';
import { Field, reduxForm } from 'redux-form';
import classnames from 'classnames';

export const required = value => value ? undefined : 'Field is required';

const renderField = ({
  input,
  placeholder,

elcodabra

<form #regForm="ngForm" (ngSubmit)="onAdd()">
  <div class="form-group">
    <textarea
      type="text" name="content"
      required
      [ngClass]="{'form-control':true,'is-invalid':!regForm.form.valid && regForm.form.touched}"
      placeholder={{placeholder}}
      [(ngModel)]="model.content">
    </textarea>
    <div class="invalid-feedback" *ngIf="!regForm.form.valid && regForm.form.touched">