Use this wiring when the source is at the fixture and you want to control the feed to both components with the same switch. Three-wire cable runs from the fan to the switch box and the source neutral is spliced to the white wire and to the fan neutral.
The black wire is splice to the output on the speed controller and to the black, fan wire at the other end. The red wire is spliced to the output on the dimmer and to the blue, light wire at the other end. The neutral from the source is spliced in the switch box with the white wire, and to the neutral wire on the ceiling fixture at the other end.
In this diagram, two receptacle outlets are wired in the same box with a separate 120 volt source feeding each. Three-wire cable runs into the box. The black and red wires are hot and each is connected to one of the receptacles. The white, neutral wire is splice to each outlet so they share the return path. This is appropriate for standard duplex receptacles, but should not be used for GFCI receptacles. GFCI’s must have dedicated neutral connections to work properly.
This page contains wiring diagrams for ground fault circuit interrupter (gfci) receptacles. Included are diagrams for multiple gfci’s, a protected standard duplex receptacle, and a protected light fixture. Wiring for a switch and gfci receptacle in the same box is also shown to protect the switch and light or to protect other receptacles in the circuit. To wire a gfci circuit breaker see this link and wire a gfci switch combo at this link.