Stratolaunch: Riesiges Doppelrumpfflugzeug rollt erstmals aus eigener Kraft

heise online Newsticker - 23. April 2018 - 12:00
Kommendes Jahr soll Stratolaunch erstmals eine Rakete starten lassen. Zunächst einmal wurde nun aber das Lenk- und Bremsverhalten getestet.

Audi e-tron: Batteriesystem und Ladestrategie des ersten rein elektrischen Audis

heise online Newsticker - 23. April 2018 - 12:00
Der Audi e-tron bekommt eine Batterie mit großer Kapazität. Und er kann sehr schnell laden. Wie das im Detail funktioniert, haben die Ingenieure des e-tron jetzt erklärt: Das Ziel ist, einen neuen Maßstab zu setzen. Und Tesla zu überholen.

Sony World Photography Awards 2018: Die Sieger stehen fest

heise online Newsticker - 23. April 2018 - 12:00
Mit ihrer Bilderserie "Ex-Voto" siegt die Britin Alys Tomlinson bei den Sony World Photography Awards. Auch eine Deutsche belegt einen der vorderen Pläte: Wiebke Haas holt den dritten Platz in der Kategorie "Natur".

Abofallen in iPhone-Apps: Nepper setzen auf neue Apple-Funktion

heise online Newsticker - 23. April 2018 - 11:30
iOS-Entwickler können seit kurzem kostenlose Testläufe für Apps anbieten, die sich automatisch in Abonnements verwandeln. Dies wird gezielt eingesetzt, um Nutzern teure Abos unterzujubeln, die mehrere hundert Euro pro Jahr kosten können.

Facebook-Manager: Wollen nach Datenskandal Vertrauen wiedergewinnen

heise online Newsticker - 23. April 2018 - 11:30
In einer Sitzung der Ausschüsse für Digitale Agenda sowie Recht und Verbraucherschutz im Bundestag wiederholte ein Facebook-Manager, dass der Datenskandal um Cambridge Analyitica ein Vertrauensbruch war. Über mehr Transparenz könne man diskutieren.

US-Exportembargo: ZTE fühlt sich unfair behandelt und gibt sich kämpferisch

heise online Newsticker - 23. April 2018 - 10:30
Sieben Jahre lang soll der chinesische Telekommunikationsausrüster und Smartphone-Hersteller ZTE keine Bauteile mehr von US-Firmen erhalten. ZTE fühlt sich vom US-Handelsministerium vorverurteilt und will sich wehren – gegebenenfalls auch juristisch.

Android: Google Safe Browsing schützt nun auch WebView in Apps

heise online Newsticker - 23. April 2018 - 10:30
Google Safe Browsing schützt Chrome-Nutzer vor schädlichen Webseiten, Malware und Phishing-Attacken. Künftig ist der Schutzmechanismus auch in Android-WebView standardmäßig aktiv.

Deep Learning: Intel gibt nGraph Compiler als Open Source frei

heise online Newsticker - 23. April 2018 - 10:30
Der Compiler für Deep-Neural-Network-Modelle arbeitet Framework- und plattformübergreifend, sodass sich Entwickler und Data Scientists auf Algorithmen und Modelle konzentrieren können, statt auf Maschinencode.

Python-Workshop: Noch Plätze frei

heise online Newsticker - 23. April 2018 - 10:00
Der 2-tägige Workshop zum Thema "Python - Interaktion mit Linux" (23./24. Mai, Hannover) bietet einen konzentrierten und praxisorientierten Einstieg in die Multi-Paradigmen-Programmiersprache.

Oracle-Konferenz: JavaOne ist tot, lang lebe Code One!

heise online Newsticker - 23. April 2018 - 10:00
Oracles Java-Konferenz JavaOne vollzieht einen Wandel: und zwar mit mehr Tracks, vielfältigerem Programm, und einem neuen Namen. Java soll aber weiterhin fester Bestandteil der Konferenz bleiben.

Statt Erpressungstrojaner: Krypto-Miner auf dem Vormarsch

heise online Newsticker - 23. April 2018 - 9:30
Malware-Autoren setzen vermehrt auf bösartige Mining-Software. Dieses Jahr hat es einem Sicherheitsunternehmen zufolge erstmals mehr Infektionen dieser Art als mit Ransomware gegeben.

#TGIQF - das Quiz: JavaScript oder Metal Band?

heise online Newsticker - 23. April 2018 - 9:30
Was JavaScript-Bibliotheken mit Heavy Metal zu tun haben? Eigentlich nichts, mal abgesehen davon, dass es ungefähr so viele Bibliotheken wie Bands und erstaunliche Namensähnlichkeiten gibt ... wie unser Quiz zeigt.

Test: Microsoft Visual Studio Code, ein Editor mit integriertem Debugger

heise online Newsticker - 23. April 2018 - 9:00
Microsoft Visual Studio Code ist ein kostenloser, quelloffener Code-Editor zum Entwickeln und Debuggen moderner Cloud- und Webanwendungen. Er läuft unter Windows, Linux sowie macOS und bringt alles mit, was man zur Softwareentwicklung braucht.

Lootboxes: FIFA 18, Dota 2, PUBG und Rocket League laut Spieleaufsicht der Niederlande rechtswidrig

heise online Newsticker - 23. April 2018 - 8:30
Die Spieleaufsicht hat zehn populäre Spiele mit Lootboxen untersuchen lassen und hält alle für problematisch – FIFA 18, Dota2, PlayerUnknown's Battlegrounds und Rocket League seien sogar rechtswidrig. Alle müssen zeitnah geändert werden.

Tim Millwood: Getting started with React and Drupal

Planet Drupal - 23. April 2018 - 8:20
Getting started with React and Drupal

Over the weekend I decided it was long overdue that I learnt React, or at least understood what all the fuss was about, so with npm in hand I installed yarn and started my quest.

We're going to use Create React App to setup our base React install. First install then run the command to create a react app called "drupal-react":
npm install -g create-react-app
create-react-app drupal-react
cd drupal-react

You can now run npm start (or yarn start) to start your app locally and open it in a browser. Here you'll see a React default page, this is all created from a React component called "App". If you take a look at the file src/App.js you will see the component and how the render() method returns the page HTML as JSX. We need to replace to the code returned here to show some Drupal nodes, so how about replacing it with (or just adding) <NodeContainer />. This will call a new component, so at the top of app.js we will also need to import that, so with the other import code add import NodeContainer from './NodeContainer';.

Now to create the NodeContainer component. First we need to add the Axios library which we'll use to query the Drupal REST API, run npm install axios --save. Then create the file src/NodeContainer.js, and in there add the following code:
import React, { Component } from 'react'
import axios from 'axios'

class NodeContainer extends Component {
  constructor(props) {
    super(props)
    this.state = {
      nodes: []
    }
  }

  componentDidMount() {
    axios.get('http://example.com/api/nodes')
    .then(response => {
      this.setState({nodes: response.data})
    })
    .catch(error => console.log(error))
  }

  render() {
    return (
      <ul>
       {this.state.nodes.map((node) => {
          return(
           <li={idea.nid}>{node.title}</li>
          )
        })}
      </ul>
    )
  }

}

export default NodeContainer

At the top of the file React and Axios are both imported, the class for NodeContainer is then created. The constructor method is where we add the state node, componentDidMount() is called to get the nodes from the View /api/nodes, which then gets rendered as an unordered list.

To create the /api/nodes view install the core Rest module. This will allow you to create a "REST Export" view. Here the path can be set to /api/nodes, and you can select nid, and title.

As long as you left npm start running, you should be able to go back to your browser, and view a nice list of Drupal nodes being rendered in React.

Next, routing, to make these node titles clickable! ????

timmillwood Mon, 23/04/2018 - 07:20 Tags drupal planet drupal-planet drupal drupal8 drupal 8 drupal development react reactjs javascript Add new comment

Amazon: Verdi plant länderübergreifende Streiks

heise online Newsticker - 23. April 2018 - 8:00
Im nationalen Alleingang könne man nichts gegen Amazon ausrichten, sagt Verdi und will künftig zeitgleiche internationale Streiks ins Leben rufen.

Apples FoundationDB wird Open Source

heise online Newsticker - 23. April 2018 - 8:00
Durch die Freigabe des Quelltextes soll FoundationDB die Grundlage für die “nächste Generation verteilter Datenbanken” werden, teilte das von Apple übernommene Projekt mit. Der iPhone-Konzern setzt die Technik für iCloud ein.

Google will mit "Chat" die SMS ersetzen und pausiert die Entwicklung von "Allo"

heise online Newsticker - 23. April 2018 - 8:00
Die Chat-App "Allo" ist ein Flop, deshalb hat Google die Entwicklung vorerst pausiert. Die Zukunft gehört dem RCS-Standard: Unter dem simplen Namen "Chat" soll er bald die SMS ersetzen.

Tesla soll Fabrikunfälle vertuscht haben

heise online Newsticker - 23. April 2018 - 7:30
Wie ist es um die Arbeitssicherheit bei Tesla bestellt? Laut einem investigativen Artikel lässt sie viel zu wünschen übrig. Das Unternehmen weist die Vorwürfe zurück.

Neuer Apple-Roboter "Daisy" soll alte iPhones schneller zerlegen

heise online Newsticker - 23. April 2018 - 7:30
Apple kann Fortschritte bei Umweltbemühungen verzeichnen und hat einen überarbeiteten Demontage-Roboter vorgestellt. Der Konzern solle lieber Produkte entwickeln, die sich besser reparieren lassen, kritisiert Greenpeace.