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.

Telegrafie- und Fernsehpionier: 100. Todestag des Physikers Ferdinand Braun

heise online Newsticker - 23. April 2018 - 7:00
Ferdinand Braun war einer der bedeutendsten deutschen Physiker. Er bekam den Nobelpreis für seine Verdienste um die Entwicklung der drahtlosen Telegrafie. Zuvor erfand er die Braunsche Röhre, die Voraussetzung für das Fernsehen. Er starb vor 100 Jahren.

DSGVO: Deutsche Unternehmen schlecht vorbereitet

heise online Newsticker - 23. April 2018 - 7:00
Noch fünf Wochen, dann bringt die Datenschutz-Grundverordnung neue Regeln für die Verarbeitung von Daten in Unternehmen. Viele deutsche Firmen sind darauf noch immer nicht vorbereitet.

Ericsson profitiert von Sparkurs

heise online Newsticker - 23. April 2018 - 6:00
Im vergangenen Quartal ging der Umsatzrückgang des schwedischen Netzwerkausrüsters zurück.

Kabellose Bluetooth-Kopfhörer: Neun Modelle im Test

heise online Newsticker - 22. April 2018 - 17:00
Zwei winzige Ohrstöpsel, kein Kabel, keine Bügel – wem Komfort beim Musikhören wichtig ist, sollte zu kabellosen Ohrhörern greifen. Hält der Klang unter der gewonnenen Bewegungsfreiheit Schritt?

God of War angespielt: Einfach göttlich

heise online Newsticker - 22. April 2018 - 16:00
God of War ist ein bombastisches, packendes Actionspektakel für Solisten. Da stört es kaum, dass dieses Abenteuer nur noch wenig mit den Vorgängern zu tun hat.