4elements, web design and consultancy

  1. React Crash Course for Beginners, Part 3

    So far in this React series, we've created a working sample app as a starting point for our 'Movie Mojo' gallery app, and we've seen how using props allows us to customize the appearance of components by passing in data rather than hard coding it.In part three we'll create our first custom component, and then add state to our app. This will allow us to easily manage the app data without…

    0 Comments

    Leave a comment › Posted in: Daily

    1. React Crash Course for Beginners, Part 2

      In part one of this tutorial series, we used the create-react-app tool to create a working sample app as a starting point for our 'Movie Mojo' gallery app.In part two, we'll get to grips with adding our first custom component to display individual movie cards. We'll also see how using props allows us to customize the appearance of components by passing in data rather than hard coding…

      0 Comments

      Leave a comment › Posted in: Daily

    1. React Crash Course for Beginners, Part 1

      In this tutorial series we'll dive right into using React as we build a fully working app to display a gallery of movies.Learning how to build an app from scratch is a great opportunity to practise using all the key features of React whilst levelling up your development skills. All the recommended methods and best practices are followed, which is essential for creating modern React…

      0 Comments

      Leave a comment › Posted in: Daily

    1. Set Up a React Environment, Part 4

      React has been known in the past for being difficult to get started creating apps, as you really had to understand how to configure build tools manually. This is even before you write a single line of React code.The create-react-app tool helps with this issue tremendously as it allows anyone to create a full working React app without requiring any knowledge of how to configure the build…

      1 Comments

      Leave a comment › Posted in: Daily

    1. Set Up a React Environment, Part 3

      Throughout the rest of this tutorial series, we'll focus on setting up React locally. The first of these approaches is similar to CodePen, where the React scripts were inserted dynamically into your HTML file, before being rendered in the output window.The only difference here is that we'll be inserting the scripts manually.Manual React SetupStart by creating an index.html document and…

      0 Comments

      Leave a comment › Posted in: Daily

    1. New Course: Get Started With Phoenix

      If you want to learn about a rising web framework, you should check out Phoenix, a new framework for the Elixir language. With a server-side MVC pattern, it's similar to other web frameworks like Ruby on Rails or the Python framework Django, but it also contains powerful new ideas to make web development easier and more effective.Our new course, Get Started With Phoenix, is the perfect…

      0 Comments

      Leave a comment › Posted in: Daily

    1. Set Up a React Environment, Part 2

      If you are new to React then, understandably, you just want to get coding, and play around with some simple components to see how React works. You really don't want to have to wade through a lengthy setup process in the first instance.In this tutorial I'll show you how to begin coding with React in seconds, almost completely removing the setup process! You'll be using CodePen, an online…

      0 Comments

      Leave a comment › Posted in: Daily

    1. Set Up a React Environment, Part 1

      React is a JavaScript library for building user interfaces (UI). It's maintained and developed by Facebook, and is one of the most popular tools for creating web apps today.However, it's had a bit of a reputation for not being very user friendly to set up a React app, particularly for beginners. The problem stems from when React first became popular, and the standard method of creating a…

      0 Comments

      Leave a comment › Posted in: Daily

  • Page 1 of 3 pages  1 2 3 >