- Building a new web app on a green field is every developer’s dream.
- Patrick shares the story of his own green field project, the relaunch of the online community MOTOR-TALK.
- You’ll take away hands-on advice from real-world experience, to help you make your own code a little better every day, too!
- Bio: Patrick Hund, lead frontend developer at mobile.de Patrick helps React and Node.js conquer the tech stack at eBay in Berlin.
- Notable projects include relaunching the homepage of eBay’s car trading platform mobile.de in 2015 and the ongoing rewrite of eBay’s automotive online community MOTOR-TALK.
Product & development meetups coordinated across eBay’s European offices in London and Berlin. We want to support tech innovation in our communities. We also want great people to join our teams and ge
Continue reading “eBay Europe Technology #ebaytechtalk (Berlin, Deutschland)”
- 25 Amazing Open Source Node.js Projects for the Past Year (v.2018)For the past year, we’ve compared nearly 4,700 Node.js open source projects to pick Top 25 (0.5% chance).
- This is an extremely competitive list and it picks the best open source Node.js projects published between Jan and Dec, 2017.
- To give you an idea about the quality, the average number of Github stars is 4,078 ⭐️React.js Open Source of the Year (avg.
- You can learn by reading the source code and build something on top of the existing projects.
- Give a plenty of time to play around with Node.js open source projects you may have missed for the past year.
For the past year, we’ve compared nearly 4,700 Node.js open sour ce projects to pick Top 25 (0.9% chance).
Continue reading “Node.JS Open Source for the Past Year (v.2018) – Mybridge for Professionals”
- Those remain the same and intact.While this sounds like no more can be achieved from a library that was mostly about best practices and common patterns in CSS, we are still in a position to drive change in the community.And this is because of the ecosystem that people have created…
- Even more so with our new docs that weâve published a few months ago.But the real question is, what makes it the library you know andÂ love?Thereâs a lot of great content and talks from both Max and Glen, so if youâre new to what the ideas of the library are,…
- Then we have to transform the CSS to be able to inject it , and finally inject your CSS into the stylesheet, at the position that weâve marked earlier.In v2 and onwards weâve focused a lot on optimising all of the different steps involved here for performance, but one step…
- The idea that becomes increasingly important here is, that we canât build a library that works for some special use cases, but what we can build is a CSS infrastructure that allows you to change the CSS yourself.Letâs see how we could approach this.The interesting thing is that with v1…
- We can run our transformations during Babelâs transpilation, or during build-time in general.We can build a CSS-in-JS pipeline!This would result in nothing being shipped to the runtime, and as long as we can provide an âopt-inâ system, you would still be able to decide whether youâd like to ship the…
styled-components has changed a lot in its past. And we are not even done yet!
Continue reading “With styled-components into the future – 💅 styled-components – Medium”
- We keep receiving questions regarding last-minute passes.
- Looking at the conference scene this year, I am sure we have one of the best lineups out there.
- If you haven’t decided yet — ask me on Twitter and I’ll make you want to go here!Of course, there will be panelNo conference can be done without having a QA panel with the team, right?
- Prepare questions, it’s an open QA and we don’t have any time restrictions.Get ready for the partyOne of the selling points of the conference is that attendees will get to know how the famous Polish party looks like.
- What a perfect time to socialise after first day of the conference, right?
It’s less than a week to React Native EU first edition. I am really excited that we are all going to see each other next week! We are working hard to make your stay in Poland best time in your life…
Continue reading “Are you ready? – Callstack Engineers”
- forEach()” will execute the same code on each element of an array.forEach() ExampleThis iterator will execute the same code on each element of an array, so in the example above we are going to go over each element in our array and print it on the console, the argument that you can see in parenthesis doesn’t matter in this case we are using “fruitItem” because is a good practice to have descriptives names.
- map() iterator but in this case we are creating a new array with the result, so we need to create the variable and inside the block have the condition, that in this case we are going to create a new array with all the numbers divided by 100.
Hello guys this is my second article here about front end and this time I am going to be talking about the different iterators that we have in EcmaScript6. The idea of this post is just show you some…
Continue reading “Iterators Using ES6 – Felipe Valdivia – Medium”
- Table 2 displays data relevant to the clicked row in table 1.
- The idea for the solution: “change margin-right” according to conditions which show whether the scroll exits or not.Save the result of this condition into Redux prop:
element.scrollHeight > element.clientHeight || element.scrollWidth >
The problem: Trying to update the display/non-display of the scroll into redux prop from different React events such as componentDidMount, (set state causes infinte loop here) and from the click event.Tried to use forceUpdate() after setting props into Redux as well.
- When console.log into the console in chrome (F12), the only result which is correlated correctly to the display/non display of the scrollbar is coming from within the componentDidUpdate and it doesn’t reflect in the redux prop (isoverflown function returns true, redux this.props.scrollStatus and this.state.scrollStatus are false).
- Also don’t like the usage of document.getElementById for the div which contains the rows, because it breaks the manipulation of the dom from within the props and state,but didn’t find a different solution for now.
- The F12 console when display the scroll bar:
The F12 console when no scroll bar is displayed:
I have a table – let’s call it table 1. When clicking on a row in table 1 another table is being displayed, let’s call this one table 2. Table 2 displays data relevant to the clicked row in table 1. Sometimes a vertical scroll needs to be displayed in table 2 and sometimes not -depends on the number of rows.Need to solve: there is an unwanted transition of the border when the scroll is not being displayed:
- Thanks to Stephen Grider’s Udemy courses “The Complete React native and Redux Course”, I am finally getting the hang of the idea’s and syntax behind React.8/4: I used CRNA (Create React Native) via Expo XDE.
- My code editor of choice is Atom, with a Nuclide packager, and a linter called ESLint, which gives me a little nudge when I make careless syntax mistakes.Today I spent my time editing the App.js file, which is the main JS file holding the “meat” of the app.
- Expo does that for me :)I also edited a header.js file.
- I created an ‘src’ folder, which will hold all of the JS files I will be creating and editing.
- The src folder also holds a ‘components’ folder, which has JS files holding the code for certain components.ComponentsOnly 1 component per file!Component nesting: Pretty self explanatory… 1 component inside anotherProps (Properties)Make components reusable throughout the appData it holds is easily flexibleFlexboxWay to position elementsjustifyContent = Up/down positioning→ flex-end = bottom→ flex-start = topalignItems = Left/right positioning→ flex-start = left→ center = center→ flex-end = rightMisc.Self closing JSX syntax = Name /NPM module = import name easily (all paths are unique)Self-made module = write path of moduleApp = root (parent) // Header = child component under the parentBelow is the file structure:
The birth of “THE APP” (Official name TBD) . After over five failed attempts, either through setup because of mistakes either from downloading libraries or misplacing directories… it is finally here…
Continue reading “It’s Real! – codingirl – Medium”