- Case Study — React Finland WebsiteA website is often the primary entry point of people to a conference.
- Read Technology behind React Finland for the technology choices.One of the early designsDesign is About PresentationAlthough a site can be structured well and filled with good content, if the design is poor, you might lose people.
- In the case of React Finland, we wanted to integrate the idea of Finland to the site somehow.
- fiI realized during early January that although the conference is selling quite well, it could do better if we improved the design of the site.
- To see how the design work progressed, see , , and the final result.The resulting designConclusionAlthough React Finland site is quite small, it has been a great case for me to work on as it’s more than only the technical part.
A website is often the primary entry point of people to a conference. For this reason, it is important to get it right as it a significant part of the brand identity. Essentially a good website…
Continue reading “Case Study — React Finland Website – React Finland – Medium”
- I already solved the vertical slide dilemma with jQuery, but I needed to implement it for React Transition Group.
- When items are entering a list, we want them to fade in and smoothly slide the surrounding elements away, instead of brutally shifting our interface.
- Transitions work by easing from one initial value to an other defined one.
- The problem with vertical sliding is that most HTML element containers do not have a predefined height, but rather adapt this value to fit the content.
- My approach is to use the CSSTransition component callbacks to animate a negative margin and slide our items from the top.
Some UI effects are very simple, yet difficult to achieve. I already solved the vertical slide dilemma with jQuery, but I needed to implement it for React Transition Group.
Continue reading “Slide Up and Down with React Transition Group”
- You can find it here: http://kcd.im/news-a11yTwo weeks ago, my newsletter was an overview of the Advanced React Component Patterns course (thatâs been published today!)
- This week Iâd like to talk a little bit about the other course that was published: The Beginnerâs Guide to ReactJS.In the beginnerâs course every lesson is an individual index.html file.
- If you ever teach a total beginner React, make sure that you help them get a solid understanding that creating React elements is not magic and that JSX is a really simple abstraction on top of React.createElement.
- đ§đ§ââď¸đš 29 Nov 2017Iâm having a conversation about semicolons againď¸ 30 Nov 2017Next language I learn will be @reasonml đ 3 Dec my big announcement!My @eggheadio courses have been published and are totally FREE!âLearn React Fundamentals and Advanced Patternsâ 4 Dec 2017P.
The course is free forever on Egghead.io! Let’s talk about how it teaches even developers experienced with React ⚛️ NOTE: This is a cross-post from my newsletter. I publish each email two weeks after…
Continue reading “The Beginner’s Guide to ReactJS – kentcdodds”
- Two of my courses will be (have now been) released as part of Eggheadâs annual Christmas course release celebration đ One is The Beginnerâs Guide to ReactJS and the other is Advanced React Component Patterns.
- đThe course starts with a single lesson where I implement a simple toggle component that manages its own state.
- My hope is that by doing things this way you can quickly identify the trade-offs of the different patterns and know when each pattern would be most appropriate.The course wraps up by refactoring the toggle component to a redux component affectionately called âRendux.â I think that youâll be blown away…
- This way we can easily create custom components which have access to the toggle component’s on state and the toggle helper function.There are actually six lessons dedicated to Higher Order Components in this course.
- Hopefully with this refactor you’ll see both the power and the simplicity of the render prop pattern.The basic idea of the pattern is that rather than have the toggle component be responsible for doing anything special in the render method, we delegate that responsibility over to the user and we…
An overview of some of the patterns covered in my recently released Egghead.io course (free until Friday). NOTE: This is a cross-post from my newsletter. I publish each email two weeks after it’s…
Continue reading “Advanced React Component Patterns – kentcdodds”
- React.JS Top 10 Articles for the Past Month (v.Nov 2017)Since more companies choose React.JS for their preferred web and app development, last month, ReactJS passed Angular for the first time in the number of jobs posted on StackOverflow the past month, we’ve ranked nearly 1,000 React articles to pick the Top…
- This is a competitive list and you’ll find the experience and techniques shared by the React leaders useful.React, Inline Functions, and Performance.
- Courtesy of Ryan Florence, Author of React Router
For the past month, we’ve ranked nearly 1,000 React articles to pick the Top 10 stories that can help advance your career (1% chance).
Continue reading “React.JS Top 10 Articles for the Past Month (v.Nov 2017)”
- This is the second article in the ReactJS – Zero to Hero Series.
- I recommend reading the first article (link given below), before going through this article.
- In this article, we will see the explanation of React Components.
- Components are the fundamental units of a React application.
- Now, with this basic understanding, in the next articles, we will see more about Populating Props, Composing components, State, Default props and Validating props.
This is the second article in ReactJS â€“ Zero to Hero Series. I will recommend you read the first article (link given below), before going through this article.
Continue reading “#React Components – Zero To Hero Series – Part 2 by Vipul Jain cc @CsharpCorner #ReactJS”
- React Top 10 Articles For the Past Month (v.Oct 2017)For the past month, we’ve ranked nearly 1,200 React articles to pick the Top 10 stories that can help advance your career.
- This is a competitive list and you’ll find the experience and techniques shared by the React leaders useful.A React And Preact Progressive Web App Performance Case Study: Treebo.
For the past month, we’ve ranked nearly 1,200 React articles to pick the Top 10 stories that can help advance your career. (0.8% chance to be picked in the list)
Continue reading “React Top 10 Articles For the Past Month (v.Oct 2017)”