🎁 ✉️ 📆 [Sticky] UI Kitten Release Notes & News #517

artyorsh · 2019-07-11T14:03:55Z

📰 This is a read-only UI Kitten newsletter.
📫 Only latest news and release notes.
🚀 Subscribe (on the right) to stay tuned!

artyorsh · 2019-07-11T14:13:22Z

🎉 v4.1.0 (2019-07-11)

Release Notes:

Highlights 🚀

✅ 🌐 React Native Web support. Demo

✅ 📱New Modal component with developer-friendly API

✅ Input icon press handler

const onIconPress = () => {
  // Handle Icon Press
};

<Input onIconPress={this.onIconPress}/>

Lots of other bug fixes and improvements!

32penkin · 2019-08-30T09:48:40Z

🎉 v4.2.0-beta.2 (2019-08-30)

Release Notes:

Highlights 🚀

✅ Select component

✅ Drawer component

✅ Spinner component

✅ OverflowMenu component is based on Menu now

✅ Icon component

✅ RTL support!

✅ Meet the brand-new Eva-Icons Module with the pre-setup icons packs!

✅ It is also now possible to quickly and easily create projects with react-native-ui-kitten!

✅ The documentation has expanded with even more examples.

Lots of other bug fixes and improvements!

artyorsh · 2019-09-27T15:30:57Z

🎉 v4.2.0 (2019-09-27)

Release Notes:

Highlights 🚀

📝 Global Font Family: Now it is possible to set fontFamily globally as mapping variable

import React from 'react';
import { mapping, light as theme } from '@eva-design/eva';
import { ApplicationProvider } from 'react-native-ui-kitten';

const strictTheme = { ['text-font-family']: 'YOUR-FONT-FAMILY' };
const customMapping = { strict: scrictTheme };

// ...

<ApplicationProvider mapping={mapping} theme={theme} customMapping={customMapping} />

📆 Calendar and Datepicker components.
Supports ranges, locales, and differend date objects like moment

🔥 New component stylings provided by updated Eva Design System

✅ Toggle now can accept text property

🐛 Fixed react-native template modules

# Simply run the command below to initialize application based on UI Kitten
npx react-native init AwesomeApp --template react-native-template-ui-kitten

📚 Documentation examples were refactored to JavaScript

✅ All components from beta release were updated with bug fixes. Thanks for your feedback!

Lots of other bug fixes and improvements!

artyorsh · 2019-10-11T13:25:19Z

🎉 Documentation for v4.2.0 (2019-10-11)

📚 Documentation was updated with tons of clickable examples

👇 https://akveo.github.io/react-native-ui-kitten/docs/components/components-overview

Notes:

Live examples are running with React Native Web and can contain some bugs with web states like hover and focus. This means it works perfect on mobile, but not on the web. This will be fixed soon with #663

artyorsh · 2019-10-17T14:59:51Z

🎉 v4.3.0-beta.1 (2019-10-17)

Release Notes:

Highlights 🚀

🌐 React Native Web states: Now components support hover and focus states when using in the web! Just open documentation to see how it feels 😍

📆 Calendar now supports setting a first day of week. Notice, that this feature is also available for RangeCalendar, Datepicker and RangeDatepicker components. See it in action

🐛 Fixed Calendar navigation when passing min property

🐛 Fixed ButtonGroup render issues

🐛 Fixed Select initial value

Lots of other bug fixes and improvements!

Mobile backend Bundles 📱

We also glad to present the new products of Akveo team! See ready-to-go solution with Mobile Backend Bundles

Updade:

npm i react-native-ui-kitten@beta @eva-design/eva@beta

artyorsh · 2019-12-04T10:58:01Z

🎉 v4.3.0 (2019-12-04)

Release Notes:

Highlights 🚀

📚 Simplified Getting Started Guide: We have completely reworked our Getting Started Guide. Now it includes step-by-step articles to build React Native app including Branding, Navigation and more.

💅 Unified Eva 1.3 Design: Eva 1.3 brings unified, pure design system stylings to each component to make your app even more perfect.

✅ Card component: New UI Kitten component.

Lots of other bug fixes and improvements

⚠️ react-native-ui-kitten package deprecated

We deprecate react-native-ui-kitten package in order to use @ui-kitten/components.
In fact, the new package contains same source code as an old. In order to migrate, consider following the steps below:

npm un react-native-ui-kitten && npm i @ui-kitten/components

- import { ApplicationProvider, Layout, Button } from 'react-native-ui-kitten';
+ import { ApplicationProvider, Layout, Button } from '@ui-kitten/components';

In case you have no react-native-svg package installed:

npm i react-native-svg && cd ios && pod install

We're going to maintain an old package till UI Kitten v5 so you may delay the migration.

artyorsh · 2019-12-13T10:59:30Z

🎉 v4.3.2 (2019-12-13)

Release Notes:

Highlights 🚀

🐛Resolve web builds. You don't need custom webpack config to run UI Kitten modules anymore. Furthermore, now it works properly in Safari!
(#763, #729, #692)

🐛Fix performance of Modals, Pickers, and Calendar. Check them out!
(#641)

Upgrade:

npm i @ui-kitten/components@latest @ui-kitten/eva-icons@latest @eva-design/eva@latest

And restart your app with clearing cache.

artyorsh · 2020-01-03T08:49:43Z

🎉 v4.4.0-beta.1 (2020-01-03)

Highlights 🚀

✅ Autocomplete: new UI Kitten component. Docs
(#696, #750)

💅 Styling & Theming: add useTheme and useStyleSheet hooks. Use useTheme to accept a current theme, and useStyleSheet to create styles in a way similar toStyleSheet.create.
See docs for more details

import { useStyleSheet } from '@ui-kitten/components';

const MyComponent = () => {
  const styles = StyleSheet.create();

  return (
    <View style={styles.container} />
  );
};

const StyleSheet = useStyleSheet({
  container: { backgroundColor: 'color-primary-default' }, 
});

(#676, #752)

Upgrade:

npm i @ui-kitten/components@beta @ui-kitten/eva-icons@beta

And restart your app with clearing cache.

artyorsh · 2020-01-16T09:24:32Z

🎉 v4.4.0-beta.2 (2020-01-16)

Highlights 🚀

📆 Datepicker: add label, caption and captionIcon properties (#802)
✅ Add show and hide methods to Modal and Popover components (#808, #813)
✅ Add focus, blur and isFocused methods to Input components.

🐛 Modal: Content updates on Android (#807)
🐛 Autocomplete: Runtime crash on Android (#800)

🎉 Demo App: Kitten Tricks was completely rewritten with functional components and React Hooks. It also includes lots of other significant features:

Now it is runnable on web
Expo SDK 36
React Navigation 5
Latest UI Kitten
Project structure was upgraded for easier screens reusing

Upgrade:

npm i @ui-kitten/components@beta @ui-kitten/eva-icons@beta

And restart your app with clearing cache.

artyorsh · 2020-01-21T08:21:36Z

🎉 v4.4.0-beta.3 (2020-01-21)

Highlights 🚀

📆Calendar and Datepicker: Add ability to specify date format in Calendar and Datepicker components
(#815)

import React from 'react';
import { Datepicker, NativeDateService } from '@ui-kitten/components';

const dateService = new NativeDateService('en', { format: 'DD.MM.YYYY' });

export const DatepickerDateFormatShowcase = () => {
  const [selectedDate, setSelectedDate] = React.useState(null);

  return (
    <Datepicker date={selectedDate} onSelect={setSelectedDate} dateService={dateService} />
  );
};

🐛 Select: Fix props mutation issue when using with Object.freeze (#804)
💣 BREAKING CHANGE: useStyleSheet hook was reimplemented due to not following Rules of Hooks
(#831)

New syntax:

import React from 'react';
- import { Layout, useStyleSheet } from '@ui-kitten/components';
+ import { Layout, StyleService, useStyleSheet } from '@ui-kitten/components';

export const UseStyleSheetSimpleUsageShowcase = () => {
-  const styles = StyleSheet.create();
+ const styles = useStyleSheet(themedStyles);

  return (
    <Layout style={styles.container} />
  );
};

- const StyleSheet = useStyleSheet({
+ const themedStyles = StyleService.create({
  container: {
    flex: 1,
    backgroundColor: 'color-success-default', // <-- Eva Theme Variable
  },
});

Upgrade:

npm i @ui-kitten/components@beta @ui-kitten/eva-icons@beta

And restart your app with clearing cache.

artyorsh · 2020-02-10T12:31:47Z

🎉 v4.4.0 (2020-02-10)

Highlights 🚀

With this release, we bring new Eva Design System package which will make your app look like material. Try it out by switching @eva-design/eva imports to @eva-design/material with no more changes 🤯

We also introduce a bare-minimal application that already runs Eva Material. Check it out! or try running Kitten Tricks to see how it looks!

🙀Demo App Kitten Tricks is now runnable in both Expo and React Native environments and supports expo eject with no need to refactor expo-specific modules.

🐛 Modal: state update during render (#847)
🐛 Input: extra vertical padding on Android (#609)

Complete changelog

Upgrade:

npm i @ui-kitten/components@latest @ui-kitten/eva-icons@latest @eva-design/eva@latest

And restart your app with clearing cache.

artyorsh · 2020-02-24T08:34:06Z

🎉 v4.4.1 (2020-02-24)

Highlights 🚀

With this release, we introduce a package to help you improve performance of application loading by processing Eva during the build time.

Integration (Guide)

yarn add @ui-kitten/components@latest && yarn add -D @ui-kitten/metro-config
Add or modify metro.config.js with following configuration

+ const MetroConfig = require('@ui-kitten/metro-config');

+ const evaConfig = { 
+   evaPackage: '@eva-design/eva', // Required (Can be `@eva-design/material`)
+   customMappingPath: './custom-mapping.json', // Optional
+ };

+ module.exports = MetroConfig.create(evaConfig, {
+   // Whatever was in previous metro.config.js 
+ });

Modify props of ApplicationProvider

- import { mapping, light } from '@eva-design/eva';
+ import * as eva from '@eva-design/eva'; 
- import { customMapping } from './custom-mapping.js'

export default = () => (
- <ApplicationProvider mapping={mapping} theme={light} />
+ <ApplicationProvider {...eva} theme={eva.light} />
);

Restart your app with clearing cache.

artyorsh · 2020-04-08T13:14:50Z

🎉 v5.0.0-alpha.1 (2020-04-08)

Highlights 🚀

With this release, we introduce a completely rethought component APIs, improving developer experience by structuring components in a declarative way. These changes also open more capabilities in component styling, providing you a flexible APIs.

We also focused on the documentation. Now it contains more live examples with a detailed description on the implementation. Check it out!

Changelog | Migration

artyorsh · 2020-05-12T14:28:41Z

🎉 v5.0.0 (2020-05-12)

Highlights 🚀

Bring stability into v5 by closing tons of the open issues and adding small requested features.

💣 BREAKING: refactor styled function to be decorator (#024ac83 Closes #1004)
Despite this is a breaking change, this helps us to keep the existing code base much cleaner by removing of styledComponentName statics. For the end user this also leads to better type definitions when using refs.

🐛 Bug Fixes:

Runtime crashes of several components when using latest react-native-svg versions (Select component not found #1056 Error while updating property 'tintColor' ... RNSVGSvgView #1042 JSON value '#8F9BB3' of type NNString cannot be converted to a UIColor. Did you forget to call processColor() on the JS side? #1005)
Modal: proper update of nested components (Popover inside a Modal #826)
Input: different height comparing to other components on Android (Different height for Input and Select on Android #1006)
Typescript: Fix missing type definitions. ('anchor' does not exist in Tooltip #1030 [Typescript] onPress does not exist on MenuItem (v5) #1024)

📚 Documentation:

Improve live examples loading performance. (Documentation examples are unusably slow #1043)

🚀 Features:

Avatar: add ImageComponent property. (FastImage for Avatar #999)
Datepicker: add autoDismiss property` (Closing the calendar after onSelect event on Datapicker #1066)
Metro Config: the package now includes a command line interface to compile mappings manually. This, for example, solves the case when it's needed to build an app within the CI environment.

Changelog | Migration from v4

artyorsh self-assigned this Jul 11, 2019

akveo locked and limited conversation to collaborators Jul 11, 2019

artyorsh pinned this issue Jul 11, 2019

artyorsh closed this as completed Jan 16, 2020

artyorsh reopened this Jan 16, 2020

malashkevich closed this as completed Jan 25, 2021

malashkevich unpinned this issue Jan 25, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

This issue was moved to a discussion.

🎁 ✉️ 📆 [Sticky] UI Kitten Release Notes & News #517

🎁 ✉️ 📆 [Sticky] UI Kitten Release Notes & News #517

artyorsh commented Jul 11, 2019 •

edited

Loading

artyorsh commented Jul 11, 2019 •

edited

Loading

32penkin commented Aug 30, 2019 •

edited

Loading

artyorsh commented Sep 27, 2019

artyorsh commented Oct 11, 2019

artyorsh commented Oct 17, 2019 •

edited

Loading

artyorsh commented Dec 4, 2019 •

edited

Loading

artyorsh commented Dec 13, 2019

artyorsh commented Jan 3, 2020

artyorsh commented Jan 16, 2020

artyorsh commented Jan 21, 2020

artyorsh commented Feb 10, 2020 •

edited

Loading

artyorsh commented Feb 24, 2020 •

edited

Loading

artyorsh commented Apr 8, 2020 •

edited

Loading

artyorsh commented May 12, 2020 •

edited

Loading

This issue was moved to a discussion.

This issue was moved to a discussion.

🎁 ✉️ 📆 [Sticky] UI Kitten Release Notes & News #517

🎁 ✉️ 📆 [Sticky] UI Kitten Release Notes & News #517

Comments

artyorsh commented Jul 11, 2019 • edited Loading

artyorsh commented Jul 11, 2019 • edited Loading

🎉 v4.1.0 (2019-07-11)

32penkin commented Aug 30, 2019 • edited Loading

🎉 v4.2.0-beta.2 (2019-08-30)

artyorsh commented Sep 27, 2019

🎉 v4.2.0 (2019-09-27)

artyorsh commented Oct 11, 2019

🎉 Documentation for v4.2.0 (2019-10-11)

artyorsh commented Oct 17, 2019 • edited Loading

🎉 v4.3.0-beta.1 (2019-10-17)

Mobile backend Bundles 📱

Updade:

artyorsh commented Dec 4, 2019 • edited Loading

🎉 v4.3.0 (2019-12-04)

artyorsh commented Dec 13, 2019

🎉 v4.3.2 (2019-12-13)

artyorsh commented Jan 3, 2020

🎉 v4.4.0-beta.1 (2020-01-03)

artyorsh commented Jan 16, 2020

🎉 v4.4.0-beta.2 (2020-01-16)

artyorsh commented Jan 21, 2020

🎉 v4.4.0-beta.3 (2020-01-21)

artyorsh commented Feb 10, 2020 • edited Loading

🎉 v4.4.0 (2020-02-10)

artyorsh commented Feb 24, 2020 • edited Loading

🎉 v4.4.1 (2020-02-24)

Integration (Guide)

artyorsh commented Apr 8, 2020 • edited Loading

🎉 v5.0.0-alpha.1 (2020-04-08)

artyorsh commented May 12, 2020 • edited Loading

🎉 v5.0.0 (2020-05-12)

This issue was moved to a discussion.

artyorsh commented Jul 11, 2019 •

edited

Loading

artyorsh commented Jul 11, 2019 •

edited

Loading

32penkin commented Aug 30, 2019 •

edited

Loading

artyorsh commented Oct 17, 2019 •

edited

Loading

artyorsh commented Dec 4, 2019 •

edited

Loading

artyorsh commented Feb 10, 2020 •

edited

Loading

artyorsh commented Feb 24, 2020 •

edited

Loading

artyorsh commented Apr 8, 2020 •

edited

Loading

artyorsh commented May 12, 2020 •

edited

Loading