brandoncc

1. mkdir hello_world
2. cd hello_world
3. devenv init
4. devenv inputs add nixpkgs-ruby github:bobvanderlinden/nixpkgs-ruby --follows nixpkgs
5. direnv allow .
6. echo ruby-3.3.6 > .ruby-version (use most recent version of Ruby)
7. Change the content of devenv.nix to:

   { pkgs, lib, config, inputs, ... }:

brandoncc

Option 1

Make sure these are in devenv.nix

  packages = with pkgs; [
    libmysqlclient
  ];

 services.mysql = {

brandoncc

Add this to devenv.nix

env.NIX_CFLAGS_COMPILE = "-I ${libxml2.dev}/include/libxml2"

brandoncc

<?php

function format_as_currency( $amount ) {
  return '$' . number_format( $amount, 2 );
}

function get_sales_by_year( $orders ) {
  $sales_by_year = array();

  foreach ( $orders as $order_id ) {

brandoncc

const rules = require('./webpack.rules');
const plugins = require('./webpack.plugins');

rules.push({
  test: /\.css$/,
  use: ['style-loader', 'css-loader', 'postcss-loader'],
});

module.exports = {
  module: {

brandoncc

apt-get update && apt-get install -y \
	build-essential \
	autoconf \
	automake \
	libtool \
	intltool \
	gtk-doc-tools \
	unzip \
	wget \
	git \

brandoncc

import React from "react";

import { LandingPad } from "./Portal";

export default function Article() {
  return (
    <div>
      <LandingPad />
      <h1>Here is a latin article</h1>
      <p>

brandoncc

import React from "react";

import { Portal } from "./Portal";

export default function FlashMessage() {
  return (
    <Portal>
      <div class="alert alert-primary" role="alert">
        This is a special announcement, be sure and read it!
      </div>

brandoncc

import React, { useRef, useEffect } from "react";
import ReactDOM from "react-dom";

export function LandingPad() {
  return <div id="portal-root" />;
}

export function Portal (props) {
  const elRef = useRef(document.createElement("div"));
  const rootRef = useRef();

brandoncc

import React, { useRef, useEffect } from "react";
import ReactDOM from "react-dom";

export default function Portal (props) {
  const elRef = useRef(document.createElement("div"));
  const rootRef = useRef();

  useEffect(() => {
    rootRef.current = document && document.getElementById("portal-root");
    rootRef.current && rootRef.current.appendChild(elRef.current);