# Don't use images for code in slides There's a better way ```js class HelloMessage extends React.Component { render() { return ( <div> Hello {this.props.name} well formatted code! </div> ); } } ```

## You can copy the code! ```py def fib(n): a, b = 0, 1 while a < n: print(a, end=' ') a, b = b, a+b print() fib(1000) ```

## You can highlight individual lines! ```java;3 public static int binarySearch(int arr[], int first, int last, int key) { int mid = (first + last) / 2; while(first < last){ if (arr[mid] < key){ first = mid + 1; } else if (arr[mid] == key){ return arr[mid]; } else { last = mid - 1; } mid = (first + last) / 2; } } ```

## And all of this is written in Markdown ```md ## And all of this is written in Markdown ’’’js console.log("Hello world")! ’’’ - Beats - Keynote - PowerPoint ``` - Beats - Keynote - PowerPoint

## What's new? This is [reveal.js](https://github.com/hakimel/reveal.js) with highlighting using [Atom Highlights](https://github.com/atom/highlights). ### Related [Gatsby Remark Highlights](https://github.com/amitpatra/gatsby-remark-highlights) - same thing but for Gatsby ### Interested? Let me know at [@xixixao](https://twitter.com/xixixao)