Movie info website (React, axios and Semantic UI)
Some things I would change:


Make initial state look like this:

this.state = {
    movie: null
};

Instead of making the api request in componentWillMount, do it in componentDidMount because componentWillMount is considered legacy.
In componentDidMount be more declarative, which means to be more descriptive of what you are doing, so call a method that gets the movie like this:

componentDidMount() {
    this.getMovie();
}



getMovie() would look like this:

getMovie() {
    axios
      .get("http://www.omdbapi.com/?i=tt0096895")
      .then(response =&gt; {
        const movie = {
          title: response.data.Title,
          year: response.data.Year,
          poster: response.data.Poster,
          plot: response.data.Plot,
          rating: response.data.imdbRating,
          genres: response.data.Genre,
          runtime: response.data.Runtime
        };
        this.setMovie(movie);
      })
      .catch(err =&gt; {
        console.log(err);
      });  
}


setMovie(movie):

setMovie(movie) {
    this.setState({ movie });
}



Lastly, in your render, I would check if there was a movie on state before rendering anything, if there is no movie, display some text saying no movie.

render() {
    if (!this.state.movie) {
      return &lt;p&gt;No movie found.&lt;/p&gt;;
    }

    return (
        ...what you currently have
    );
}