scastiel

I hope you liked this introduction to React Server Components! 😊

• The slides
• Demo application on GitHub
• My personal website

Feel free to give your feedback about the presentation 👇👇👇

scastiel

const logo = `
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000px" height="1000px" viewBox="0 0 1000 1000" version="1.1">
      <!-- Generator: Sketch 64 (93537) - https://sketch.com -->
      <title>Artboard</title>
      <desc>Created with Sketch.</desc>
      <defs>
          <radialGradient cx="79.1305263%" cy="87.6448158%" fx="79.1305263%" fy="87.6448158%" r="96.9897763%" id="radialGradient-1">
              <stop stop-color="#2440E6" offset="0%"/>
              <stop stop-color="#5661B3" offset="100%"/>
          </radialGradient>

scastiel

console.log("Hello World!");

// --------------- Variables ---------------

let count = 12;
console.log(count);
count = count + 1;
console.log(count);

const firstName = 'John';

scastiel

import Head from 'next/head'

export const SeoHeaders = ({
  title,
  description,
  author,
  twitterAuthor,
  twitterSite,
  url,
  imageUrl,

scastiel

<?php
echo "Hello!";
?>

scastiel

all: pdf epub kindle html examples

BOOK_TITLE = A\ React\ Developer’s\ Guide\ to\ Hooks\ -\ Sebastien\ Castiel

dist:
	@mkdir -p dist

pdf: dist/${BOOK_TITLE}.pdf
	@echo '✅  PDF'

scastiel

mutation {
  createUser(name: "Sébastien") {
    id
    name
  }
}

mutation {
  createUser(name: "Mary") {
    id

scastiel

pragma solidity ^0.4.0;

contract WakeMeUp {
    
    event Print(string _name, uint _value);
    event PrintString(string _name, bytes32 _value);
    
    struct Alarm {
        uint id;
        address owner;

scastiel

Quiz

---

Question 1

Qu'affiche le programme suivant ?

function f() {

scastiel

const data = {
  persons: [
    { id: 0, name: "Sherlock Holmes", numbers: ["555-0101", "555-0199"] },
    { id: 1, name: "John Watson", numbers: ["555-0102", "555-0198"] }
  ],
  groups: [
    { id: 0, name: "Londonians", personsIds: [0, 1] },
    { id: 1, name: "Doctors", personsIds: [1] }
  ]